A cada finalização de um novo site, precisamos otimiza-lo para que ele se torne navegável, a final de contas, nenhum usuário passaria mais de 10 segundos aguardando o carregamento do mesmo. isto é fundamental, principalmente para sites que dependem de estratégias de Tráfego como SEO ou Ads.
Para iniciar o processo de otimização precisamos primeiro:
1 – Analizar o site com o Google Speed: https://pagespeed.web.dev/
2 – Instalar o Wp Rocket como Plugin, ele pode ser encontrado no Servidor: SERVIDOR/Pliguins/wp-rocket.zip OU pode ser baixado através do site: https://mercadoonlinedigital.com/minha-conta/downloads/
3 – Após a instalação iniciaremos as configurações:
Marcaremos APENAS E EXATAMENTE as seguintes opções:
A) CACHE

B) OTIMIZAR ARQUIVOS
C) PRE CARREGAR
Por fim, você irá perceber uma melhora significativa no desempenho do site.
O site utilizado como exemplo em questão foi o https://acoverrevestimentos.com.br/
Muitos outros erros foram identificados no site, que por sua vez, poderiam ter sido melhorados em seu momento de confecção (montagem).
Por exemplo, algumas regras básicas devem ser respeitadas:
A) Todas as imagens, devem ser exportadas em JPG (imagens em JPG geralmente são até 4x mais leves que as imagens em PNG).
B) Imagens em PNG devem ser utilizadas apenas quando necessitamos de TRANSPARÊNCIA.
C) Todas as imagens deve ser exportadas do Phothoshop (SEM EXCEÇÃO) para WEB.
D) No momento de exportação, deveremos analisar qual o máximo de otimização a imagem suporta, sem distorcer ou distorcendo de forma quase imperceptível. Geralmente utilizamos padrões entre 50% e 70%.
E) Outro fator importante é: No momento da exportação para que possamos explorar a otimização ao Máximo, deveremos dar um desfoque de 0,1%. Isto ajudará a disfarçar a Pixelização (Distorção) da imagem.
Seguindo estas boas práticas,
com certeza conseguiremos atingir níveis acima de 80%, tanto para Mobile quanto para Desktops.
Bom Desenvolvimento.. e mãos a obra!