Como aumentar a velocidade do meu site no PageSpeed ?


Veja estas dicas importantes para aumentar a velocidade do seu site e obter melhor pontuação no PageSpeed do Google Insights.

A velocidade de carregamento de um site é importantíssimo para se obter melhor qualificação nos resultados do google. O spider ( indexador do google ) tende a qualificar melhor um site de acordo com diversas características. A velocidade e performance de um site contam muitos pontos para isso !

Observação importante: caso seu site esteja redirecionando de http para https, sem www para com www e etc, teste sempre a url que seu site realmente funciona.

Por exemplo: se você testar o site da MyWay então coloque o nosso domínio a ser testado da seguinte forma.

https;//www.myway.com.br

Link para teste:

https://developers.google.com/speed/pagespeed/insights/?url=https%3A%2F%2Fwww.myway.com.br

Como aumentar a velocidade do meu site feito em WordPress ?

Existem plugins específicos para isso que torna o trabalho de optimização muito fácil:

 

Plugins para WordPress que aumentam a velocidade de carregamento.

 

  1. O plugin EWWW Image Optimizer reduz o tamanho da imagens automaticamente. Ele otimiza as imagens que você já enviou, além de converter para o formato de arquivo que irá produzir o menor tamanho de imagem, e aplicará a compressão para conseguir poupar o tamanho das imagens, sem perda de qualidade.
  2. O plugin Autoptimize acelera seu site e ajuda a economizar largura de banda através da agregação e minimizar JS, CSS e HTML. Ele concatena todos os scripts e estilos,minifica e comprime, além de acrescentar expiração nos cabeçalhos, armazena-os e move para o rodapé. Também otimiza o código HTML para tornar sua página realmente mais leve.
  3. O plugin W3 Total Cache melhora a experiência do usuário do seu site, aumentando o desempenho do servidor, reduzindo os tempos de download e proporcionar a integração transparente rede de distribuição de conteúdo (CDN).
  4.  Analytics.js host que insere o código de monitoramento no cabeçalho, salva o arquivo localmente no analytics.js e o mantém atualizado usando wp_cron (). Basta instalar o plugin, digitar seu ID de rastreamento e adicionar o código de acompanhamento em seu tema.

 

Outras dicas para serem aplicadas de forma manual. Estas dicas também podem e devem ser usadas em sites feitos em WordPress ou em outro CMS assim como em sites criados com programação própria!

Insira estes códigos no .htaccess do seu site. O arquivo .htaccess fica localizado dentro da public_html

Faça seu site realizar o uso do cache do navegador

#Força a utilizar Cache-Control e Expires header
<IfModule mod_headers.c>
 Header unset ETag
</IfModule>
FileETag None
<IfModule mod_expires.c>
 ExpiresActive on
 ExpiresDefault "access plus 1 month"
 ExpiresByType text/cache-manifest "access plus 0 seconds"
 # Html
 ExpiresByType text/html "access plus 0 seconds"
 # Data
 ExpiresByType text/xml "access plus 0 seconds"
 ExpiresByType application/xml "access plus 0 seconds"
 ExpiresByType application/json "access plus 0 seconds"
 # Feed
 ExpiresByType application/rss+xml "access plus 1 hour"
 ExpiresByType application/atom+xml "access plus 1 hour"
 # Favicon
 ExpiresByType image/x-icon "access plus 1 week"
 # Media: images, video, audio
 ExpiresByType image/gif "access plus 1 month"
 ExpiresByType image/png "access plus 1 month"
 ExpiresByType image/jpg "access plus 1 month"
 ExpiresByType image/jpeg "access plus 1 month"
 ExpiresByType video/ogg "access plus 1 month"
 ExpiresByType audio/ogg "access plus 1 month"
 ExpiresByType video/mp4 "access plus 1 month"
 ExpiresByType video/webm "access plus 1 month"
 # HTC files
 ExpiresByType text/x-component "access plus 1 month"
 # Webfonts
 ExpiresByType application/x-font-ttf "access plus 1 month"
 ExpiresByType font/opentype "access plus 1 month"
 ExpiresByType application/x-font-woff "access plus 1 month"
 ExpiresByType image/svg+xml "access plus 1 month"
 ExpiresByType application/vnd.ms-fontobject "access plus 1 month"
 # CSS / JS
 ExpiresByType text/css "access plus 1 year"
 ExpiresByType application/javascript "access plus 1 year"
 ExpiresByType application/x-javascript "access plus 1 year"
</IfModule>
#Força o IE a sempre carregar utilizando a última versão disponível
<IfModule mod_headers.c>
 Header set X-UA-Compatible "IE=Edge,chrome=1"
 <FilesMatch "\.(js|css|gif|png|jpeg|pdf|xml|oga|ogg|m4a|ogv|mp4|m4v|webm|svg|svgz|eot|ttf|otf|woff|ico|webp|appcache|manifest|htc|crx|oex|xpi|safariextz|vcf)$" >
 Header unset X-UA-Compatible
 </FilesMatch>
</IfModule>

 

Ativar compressão dos arquivos do site e ativar a compactação

<IfModule mod_deflate.c>
  # Compress HTML, CSS, JavaScript, Text, XML and fonts
  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

  # Remove browser bugs (only needed for really old browsers)
  BrowserMatch ^Mozilla/4 gzip-only-text/html
  BrowserMatch ^Mozilla/4\.0[678] no-gzip
  BrowserMatch \bMSIE !no-gzip !gzip-only-text/html
  Header append Vary User-Agent
</IfModule>

Após aplicar estas melhorias, teste seu site novamente no Google Pagespeed Insights !

https://developers.google.com/speed/pagespeed/insights/