Estudo de caso – otimização de blog

1923.ro é um fan site dedicado ao clube de futebol Rapid Bucareste. Você pode encontrar notícias e atualizações sobre o time, entrevistas com alguns jogadores e também pode comprar feito por leque camisetas.

Dragos (o proprietário do site) optou pela nossa solução de alojamento para ver se conseguimos resolver alguns problemas que teve com este blog, nomeadamente o aparecimento do ecrã branco, o chamado WSOD (tela branca da morte) que ocorre com bastante frequência quando usando WordPress.

A tela branca da morte do WordPress pode ser o resultado de várias coisas:

• WordPress atinge o limite de memória alocada para um PHP roteiro
• plugin ou tema mal escrito
• um problema com as configurações do servidor
• caracteres indesejados no tema functions.php ou wp-config.php

Vamos ver como ajudamos nossos amigos do futebol a ter um blog WordPress mais rápido e sem erros.

Antes

Antes de migrar para nossos servidores, o blog carregava em média 3,6 segundos, tinha 108 solicitações e um tamanho de página de aproximadamente 3.800K, dos quais 3.404,5K eram fotos.

O Google Page Speed ​​​​Insights deu um Pontuação 80/100 com as seguintes recomendações apresentadas:

• otimizar imagens
• remova Javascript e CSS de bloqueio de renderização no conteúdo acima da dobra
• reduz o tempo de resposta do servidor para menos de 200 ms

Ficou claro que as fotos eram o principal problema, mas também o servidor que hospedava o blog não era dos melhores.

Otimização de blogs

Procuramos fotos em altíssima resolução, redimensionamos e usamos o plugin Smushit para otimizar todas as fotos do site.

Implementamos Lazy Load – um plugin para WordPress que carrega gradativamente as imagens, que são exibidas apenas quando o usuário rola a página.

Agora, em vez de carregar 3 MB de fotos, são apenas cerca de 780K.

Implementamos uma combinação de cache de página e cache de banco de dados para fazer o WordPress funcionar menos, consumir menos recursos, servir páginas com mais rapidez e ser capaz de sustentar um tráfego maior.

Depois

Depois de otimizar as imagens, definir o carregamento lento e a implementação do cache, melhoramos a velocidade de carregamento do blog de 3,60 segundos para 1,4 segundos como era inicialmente.

Um novo teste do Google PageSpeed ​​​​Insights mostra uma pontuação de 92/100.

Outras recomendações

Exiba trechos e uma miniatura em vez de postagens completas nas páginas de arquivo.

Isso tornaria as páginas menores (em termos de KB).

Outro problema está relacionado com o plugin do Facebook, um plugin que adiciona algumas funcionalidades sociais ao site e que tem um impacto negativo – 90,6% da velocidade de carregamento do site.

Achamos que este plugin estava gerando erros, mas, infelizmente, quase todos os plugins que adicionam comentários do Facebook que testamos tiveram um impacto negativo no desempenho (alguns menos, outros mais).

Como regra geral, pela nossa experiência pessoal com plug-ins de comentários, é melhor ficar com os comentários padrão do WordPress – podem não parecer ótimos, mas pelo menos não estão sabotando o seu site.

Há uma otimização mais profunda a ser feita, como remover Javascript e CSS que bloqueiam a renderização no conteúdo acima da dobra. Se você construir seu site com uma abordagem minimalista e não o sobrecarregar, isso não fará muita diferença, mas em alguns casos pode valer a pena implementar.

É isso. Se você precisar de uma auditoria de desempenho e otimização, entre em contato.