Google Insights do PageSpeed solve issues and get green

Google Insights do PageSpeed solve issues and get green

Google PageSpeed otimização

Google Insights do PageSpeed [1] is a great tool to see how your redesite perform. In case you got a poor score, here is a series of articles with easy to implement solutions to solve most of the issues.

Google Insights do PageSpeed

This allowed me to go green on the Google Insights do PageSpeed [1], going up from a score of 17 on mobile (Fig 1) to 89 (Fig 14), and up from 35 (Fig 3) to 89 on desktop (Fig 16).

Etapa 1: otimizar imagens para web

Isso permitiu que eu passasse o teste do Google Page Speed ​​[1] Optimize as imagens [2] em um site, subindo de 17 no celular (Fig 1) para 51 (Fig 2) e subindo de 35 (Fig 3) para 59 na área de trabalho (Fig. 4).

Otimizar imagens do Google PageSpeed ​​Insights Google Developers
Processo em massa e atualização de um lote de imagens usando o GIMP [3]

Etapa 2: otimização de CSS e javascript

Elimine JavaScript e CSS com bloqueio de renderização no conteúdo acima da dobra.

Isso permitiu que eu passasse no teste do Google PageSpeed ​​[1] Elimine JavaScript e CSS de bloqueio de renderização no conteúdo acima da dobra (juntamente com Leverage browser caching [6]) em um site, subindo de uma pontuação de 51 em dispositivos móveis ( Fig 5) a 72 (Fig 6) e acima de 59 (Fig 7) a 79 na área de trabalho (Fig 8).

Corrigir o Google PageSpeed ​​Elimine JavaScript e CSS de bloqueio de renderização no conteúdo acima da dobra [4]

Etapa 3: ativar o cache do navegador da web

Aproveite o cache do navegador para que eu passe no teste do Google PageSpeed ​​[1] Alavancar o cache do navegador [5] (junto com Eliminar JavaScript e CSS de bloqueio de renderização no conteúdo acima da dobra [4]) em um site, subindo de uma pontuação de 51 no móvel (Fig 9) a 72 (Fig 10), e acima de 59 (Fig 11) a 79 no desktop (Fig 12).

Aproveite o cache do navegador PageSpeed ​​Insights Google Developers
Corrigir o Google PageSpeed ​​aproveita o cache do navegador no htaccess [6]

Etapa 4: Ativar o htaccess de compactação

A ativação da compactação no htaccess permitiu que eu passasse no teste do Google PageSpeed ​​[1] Alavancar o cache do navegador [7] em um site, subindo de 72 no celular (Fig 13) para 89 (Fig 14) e acima de 79 ( Fig. 15) a 89 na área de trabalho (Fig. 16).

Otimizando a codificação e o tamanho da transferência de ativos com base em texto - Fundamentos da Web
Corrigir a velocidade de ativação do Google PageSpeed ​​em PHP e htaccess [8]

Artigos semelhantes

Comentários (0)

Deixe um comentário