Como obter nota 100 no Google Pagespeed Insights

Front in Rio - Como obter nota 100 no Google Pagespeed Insights

Transcript

1. Como obter nota 100 no oogle Insights FrontinRio 2016
2. A Google além de ser a maior empresa de buscas e anúncios do mundo, é dona do browser Chrome e do sistema operacional móvel mais utilizado do mundo, o Android. Se você vai fazer algo para a web ou mobile, pense primeiro no Google. Em seguida mostrarei os padrões de otimização que são requerimentos as vezes esquecidos no SEO Maior market-share Web, Mobile e Buscas no mundo E os guidelines mostrados pelo Google como melhorar sua página Web.
3. A ferramenta que o Google espera que você utilize. O que é o oogle Pagespeed Insights? Após todo o trabalho de otimização concluído, você pode chegar perto ou até conseguir uma nota 100. Código Otimizado Tudo bonito O Google irá verificar o que existe de possibilidade de otimização para o seu site. Digita o site Clique em Analisar Mostra todos os problemas de performance e visuais com cada tipo de interface Analisar Problemas Exibição mobile e desktop Otimizando o seu site pois irá trazer resultados de pagerank, seo e um maior número de visitantes. Otimize o site Trabalhe bastante
4. Mobilidade em primeiro lugar! O que o oogle Pagespeed Insights espera Renderizar somente o que for necessário à visualização do usuário (desktop ou mobile). Remover CSS desnecessàrio. CRP Otimizado Critical Rendering Path Incluir largura e altura das imagens. Sempre tenha imagens exclusivas no tamanho original e não redimensionadas. Imagens Otimizadas Reduza o tamanho das imagens Renderização rápida de arquivos (se possível estático). Timeout Rápido 200ms max. de resposta do servidor Tirar espaço em branco do código Ter espaço de 3px entre links Não ter sobreposição de links Renderizar maioria do JS por async Código Otimizado Caching nos arquivos
5. CRP Antes de Otimizar
6. CRP Depois de Otimizar
7. Otimize o seu processo com o que você domina! Build Tool Ferramenta de build do Node.js Gulp Grunt Ferramenta de build do Node.js NPM Build nativo do Node.js PHP, Ruby, Python, C++, etc. Qualquer Linguagem
8. Como chegar no topo da pirâmide oogle Search Tenha somente conteúdo que seja relevante ao que esteja fazendo. Conteúdo Relevante Tenha links de sites confiáveis ao seu site, não adianta spam de links. Links Relevantes Conteúdo de qualidade e links de relevância aumentam o seu PageRank de forma orgânica. Link Relevante Seguindo os guidelines do Insights e tendo um site responsivo, você consegue otimizar a entrega do seu conteúdo. Otimização de Conteúdo Search Engine Optimisation Otimize tudo o que puder em termos de SEO do seu conteúdo. SEO Trabalhe em aumentar o seu PageRank, pois o que mais gera retorno, por mais que você invista em Adwords. PageRank
9. Obrigado Ramon Lima @ramonck