Bookuria.info é um site dedicado aos amantes de livros onde você pode encontrar novidades, editoriais sobre o cenário cultural e novas promoções e descontos de editoras de livros.
Bogdan, o proprietário, nos escolheu para ver se conseguimos tornar seu site mais rápido, o que era a principal insatisfação do antigo host.
Vamos ver o que fizemos!
Auditoria de desempenho
Antes, o site tinha uma carga média de 4,78 segundos, o tamanho da página era de 2,5 MB e o número de solicitações era de 125.
Entre os componentes da página:
- 37 JS – 627,6 K
- 17 CSS – 109,1 K
- 14 imagens css – 151K
- 31 imagens – 1640,5 K
A pontuação do Google PageSpeed Insights foi 73/100 e as principais recomendações foram:
- reduz o tempo de resposta do servidor (atualmente 1,5 segundos)
- otimizar imagens
Um teste de desempenho dos plugins instalados e habilitados no site mostra que o plugin Simple Share Buttons Adder tem um impacto negativo na velocidade de carregamento:
- impacto do plug-in: 74,4%
- tempo de carregamento do plugin: 2.160 seg.
Depois de desabilitar o plugin e testar novamente, os números parecem muito melhores:
- impacto do plug-in: 30,8%
- tempo de carregamento do plugin: 0,320 seg.
Outro fator que afeta negativamente o desempenho do site é o tema utilizado. O tempo necessário para carregar o tema é de 1,22 segundos, em comparação com 0,32 segundos para carregar os plug-ins.
O tema tem um problema muito comum em temas premium do WordPress – tentar oferecer muitas opções e por isso carrega uma grande quantidade de arquivos JS e CSS.
A maioria das opções não é usada na “vida real” e o desempenho do site é prejudicado.
O tema carrega 34 arquivos JS e muitos são inúteis.
Existem 3 arquivos JS do Google Maps totalizando 199,6K e nunca vimos serem usados em nenhum lugar do site. Mesmo se quisermos colocar um mapa em algum lugar que possa ser feito com iframe, não precisaremos de tantos arquivos JS.
Existem alguns arquivos JS para carregar fontes do Google (39,1K) que é um método muito ineficiente, uma biblioteca de fontes do Google tem 0,3K e carrega bem rápido.
Existem arquivos JS que não fazem nada por nós: por exemplo, Syntax Highlighter, inútil neste site específico.
O tema funciona com timthumb.php para criar miniaturas. O WordPress sabe fazer miniaturas, você não precisa de outro script PHP para fazer isso por você.
Outro problema com o timthumb.php é que ele quebra o Lazy Load e a velocidade de carregamento do site é prejudicada.
Otimização concluída
- imagens otimizadas
- substituiu plug-ins com problemas com outros plug-ins que fornecem funcionalidade semelhante, mas são mais leves
- eliminou plug-ins redundantes e inativos
- identificamos as linhas de código do tema que carregavam os arquivos JS inúteis e os removemos
- implementou um cache de página + cache de banco de dados
- WordPress atualizado para a versão mais recente
- atualizou todos os plug-ins ativos para as versões mais recentes.
Resultados
Um novo teste feito com Pingdom Tools mostra uma velocidade média de 2,72 segundos, uma boa melhoria em relação aos 4,78 segundos.
O PageSpeed Insights nos dá uma pontuação de 85/100, uma boa melhoria em relação à pontuação inicial de 73/100.
O número de arquivos JS caiu para 21, totalizando 334,4K, em comparação com os 37 iniciais, totalizando 627,6K.
Infelizmente, o tema WordPress deixa o site bastante pesado. Não importa como otimizamos e quão rápido o servidor é, os visitantes ainda devem baixar 2 MB de informações porque o Lazy Load não está funcionando por causa do timthumb.
A principal recomendação aqui é substituir o tema por um que não carregue tantos arquivos JS e não utilize timthumb.php.
Isso poderia reduzir o tempo médio de carregamento do site para cerca de 1 a 1,5 segundos.
Deixe uma resposta