WhatsApp: +55 (11) 98863-91-41  | web@brinomi.com.br

Momento neurose – testando a velocidade do site

E por falar em velocidade do site, esta semana, peguei para trabalhar nisso no site atual.

Você arruma todo seu site e passa o site de uma hospedagem para outra, quando vai ver, o htaccess mudou, não se sabe onde no passado…

Entre essas e outras coisa lá fui eu testar a velocidade do site no Pingdom… no GTMetrix e no Google Page Speed.

Cabeçalho com data de expiração

Resolvendo problema mostrado pelo site da Pingdom “Add Expires headers”, seria, adicionar cabeçalho com data de expiração. O código abaixo veio do site da Kinsta:

## EXPIRES HEADER CACHING ##
<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType image/jpg "access 1 year"
ExpiresByType image/jpeg "access 1 year"
ExpiresByType image/gif "access 1 year"
ExpiresByType image/png "access 1 year"
ExpiresByType image/svg "access 1 year"
ExpiresByType text/css "access 1 month"
ExpiresByType application/pdf "access 1 month"
ExpiresByType application/javascript "access 1 month"
ExpiresByType application/x-javascript "access 1 month"
ExpiresByType application/x-shockwave-flash "access 1 month"
ExpiresByType image/x-icon "access 1 year"
ExpiresDefault "access 2 days"
</IfModule>
## EXPIRES HEADER CACHING ##

Retirar cadeias de consulta

Para retirar cadeias de consulta (query strings) de recursos estáticos. Fonte: Site Kinsta

function remove_query_strings() {
   if(!is_admin()) {
       add_filter('script_loader_src', 'remove_query_strings_split', 15);
       add_filter('style_loader_src', 'remove_query_strings_split', 15);
   }
}

function remove_query_strings_split($src){
   $output = preg_split("/(&ver|\?ver)/", $src);
   return $output[0];
}
add_action('init', 'remove_query_strings');

Compressão com Gzip

Resolvendo a compressão com GZIP, peguei o código no site da Hubspot

<IfModule mod_deflate.c>
         AddOutputFilterByType DEFLATE application/javascript
         AddOutputFilterByType DEFLATE application/rss+xml
         AddOutputFilterByType DEFLATE application/vnd.ms-fontobject
         AddOutputFilterByType DEFLATE application/x-font
         AddOutputFilterByType DEFLATE application/x-font-opentype
         AddOutputFilterByType DEFLATE application/x-font-otf
         AddOutputFilterByType DEFLATE application/x-font-truetype
         AddOutputFilterByType DEFLATE application/x-font-ttf
         AddOutputFilterByType DEFLATE application/x-javascript
         AddOutputFilterByType DEFLATE application/xhtml+xml
         AddOutputFilterByType DEFLATE application/xml
         AddOutputFilterByType DEFLATE font/opentype
         AddOutputFilterByType DEFLATE font/otf
         AddOutputFilterByType DEFLATE font/ttf
         AddOutputFilterByType DEFLATE image/svg+xml
         AddOutputFilterByType DEFLATE image/x-icon
         AddOutputFilterByType DEFLATE text/css
         AddOutputFilterByType DEFLATE text/html
         AddOutputFilterByType DEFLATE text/javascript
         AddOutputFilterByType DEFLATE text/plain
          AddOutputFilterByType DEFLATE text/xml
</IfModule>

Como testar se o Gzip está funcionando em seu site

No site Gift of Speed é possível testar se seu site faz compressão Gzip.

https://www.giftofspeed.com/gzip-test/

Ao usar este teste, será possível determinar se o seu site utiliza a compressão GZIP, Brotli, ou nenhuma compressão, e fornecer algumas outras métricas para ajudá-lo a decidir o que fazer em seguida. Essas métricas oferecem insights importantes, porque você não quer considerar apenas se o servidor do seu site utiliza o tipo correto de compressão.

Pingdom Website Speed Test não mostra resultado de modificações no gzip

Fiz algumas mudanças no site com base nos resultados do Pingdom. Só que depois, quando a gente vai testar de novo, as mudanças não aparecem na ferramenta de teste.

Fui procurar no Google e vi vários resultados com o mesmo problema, então não é preciso ficar doido em busca de uma solução, porque parece que é o próprio Pingdom que não mostra os resultados atualizados.

O bom de testar a velocidade do site em locais diferentes é que cada ferramenta mostra um detalhe diferente…

Por isso que é bom ter o GTMetrix aberto também para o teste de antes e depois de mudanças. No meu caso, o site melhorou bastante no antes e depois do GTMetrix e no teste de velocidade do Google. Então dá para respirar com alívio e seguir adiante, mas não deixarei de usar o toos.pingdom.

O bendito (maldito) peso das imagens

Imagens pesam e site pesado não tem bom posicionamento no resultado orgânico, por isso, vale a pena deixar as imagens mais leves.

Mas não vale de tudo para deixar uma imagem leve, porque imagem leve e sem resolução é feia. Imagens feias deixam um site chato, o que seria motivo para o usuário deixar a página rapidamente.

Site que não prende visitante também mostra aos buscadores que não merece ter um bom posicionamento. Se ficar o bicho pega, se correr pelo menos você faz alguma coisa.

Quem tem site WordPress e se preocupa com o assunto pode sempre tentar algum plugin, existem vários. O bom mesmo seria contratar um serviço de CDN, mas custa caro…

Eu lembrei que preciso dar uma geral nos arquivos de imagens do site, para retirar tudo que for mais pesado e trocar por webp… Nossa que trabalheira. Há plugins para isso, mas não quero mais um penduricalho que venha a fazer peso para o site e não tenho tantas imagens assim. Algums imagens antigas continuarão em jgp e png.

Share the Post:

Você pode gostar destas postagens