Uma velocidade rápida de carregamento do site é crucial para melhorar a experiência do usuário e o posicionamento nos mecanismos de busca, criando uma melhor reputação e relevância para o seu portal. Existem várias ferramentas técnicas e práticas dedicadas a otimizar a renderização do seu site.
Minimizar arquivos HTML, CSS e JS
Minificar permite “comprimir” e, assim, reduzir o peso dos arquivos, permitindo o carregamento mais rápido das páginas. As ferramentas de minificação editam os scripts sem alterar as funcionalidades esperadas.
Manualmente
Ideal se você deseja fazer testes iniciais ou para sites que não precisam ser minimizados com tanta frequência. Também pode ser considerado como implementação para produtos mínimos viáveis para, posteriormente, automatizar esse processo. Aqui estão algumas ferramentas que você pode usar:
Automatizar
Para sites mais recorrentes, é melhor delegar a minificação a ferramentas que possam recriar os scripts dinamicamente.
Para WordPress
Para sites em WordPress, existem vários plugins que podem ajudar a alcançar melhores resultados.
Utilizar imagens nos formatos WEBP ou AVIF é ideal para obter um melhor desempenho do site.
Algumas ferramentas online para fazer a conversão manualmente podem ser:
Existem também soluções para desenvolvedores, como APIs.
Para sites em WordPress, você pode considerar os seguintes plugins
Outros pontos importantes a considerar e implementar é usar imagens nas dimensões corretas (recorte de imagens). Além de implementar o carregamento lento para as imagens (também pode ser usado para outros arquivos).
Use o cache de forma inteligente
Existem práticas a serem consideradas e utilizadas para “servir” as informações e os dados de forma mais rápida, evitando sobrecarregar o uso do servidor e do banco de dados. Algumas dessas estratégias são:
- Cache do lado do navegador
- Cache do lado do servidor
- Uso de redes de entrega de conteúdo (CDN)
- Cache do banco de dados
Divida seu JavaScript (divisão de código)
Existem ferramentas como Webpack y Vite, que permitem carregar os códigos javascript sob demanda, apenas quando os scripts forem necessários eles serão carregados.
Caso prefira não utilizar essas ferramentas, é possível pensar em implementar boas práticas, nas quais os scripts sejam utilizados nas páginas em que são necessários.
Reduz as solicitações externas
Existem recursos que você pode hospedar em seu próprio servidor para evitar solicitações externas, geralmente bibliotecas.
Considerando também o uso/consumo de APIs, também é necessário fazer um monitoramento e, caso perceba lentidão, também pode ser aplicado o uso de cache.
Monitore e melhore constantemente
Monitorar constantemente seu site é uma boa prática, e algumas das métricas a serem consideradas são TTFB e LCP.
O Time to First Byte (TTFB) e o Largest Contentful Paint (LCP) medem aspectos essenciais para o desempenho da página. O TTFB mede a latência inicial do servidor, ou seja, quanto tempo o servidor leva para enviar o primeiro byte da página em resposta a uma solicitação do navegador, sendo um indicador da capacidade de resposta do servidor. O LCP mede o tempo que leva para carregar o elemento de conteúdo maior e mais visível de uma página (como uma imagem ou um bloco de texto), o que está diretamente relacionado à experiência do usuário ao perceber o carregamento da página.
Use as ferramentas como: Lighthouse o PageSpeed Insights