Google Page Speed ​​Insights – otimizar imagens

A principal recomendação do Google Page Speed ​​Insights é otimizar e compactar imagens. Como faço isso? Ele lista dezenas de imagens e isso seria praticamente impossível fazer tudo manualmente.

Deve corrigir: otimizar imagens. De forma adequada, formatar e compactar imagens pode salvar muitos bytes de dados. Otimize as seguintes imagens para reduzir seu tamanho em 1MiB (redução de 88%).

Solutions Collecting From Web of "Google Page Speed ​​Insights – otimizar imagens"

Primeiro, não permita que o Google Insights o leve a perseguir um ROI que talvez não esteja lá. Talvez para 1 milhão de aprimoramento de dados de imagem, vale a pena procurar – mas, depois de algum tempo, essa ferramenta terá que minify 1K css files para salvar 100 bytes.

Em segundo lugar, no que diz respeito às imagens – não apenas reduza cegamente (“comprima” … realmente um nome incorreto) imagens jpeg. O jpeg é um formato com perdas e, se a qualidade das imagens é importante para você, você notará a degradação, especialmente se a imagem tiver grandes áreas de valor de cor semelhante. O céu azul, por exemplo, começa a parecer altamente pixelado quando você ultrapassa a redução de amostra de 10%.

Você leu o guia recomendado para o gerenciamento de imagens:

https://developers.google.com/web/fundamentals/performance/optimizing-content-efficiency/image-optimization

Se as imagens são suas para modificar e elas são estáticas, pode valer a pena passar algum tempo nelas com PhotoShop ou similar, para ver se você pode redimensioná-las ou voltar a amostras. Também tenha em mente as configurações apropriadas do header do cache (por exemplo, na configuração do Apache ou .htaccess), o navegador do usuário armazenará as imagens estáticas, portanto, apenas será “lento” na primeira carga.

Se você permitir que os usuários façam upload de imagens, você quer colocar algumas restrições sobre elas ou dimensioná-las programaticamente conforme necessário.

Edite o arquivo functions.php e adicione este código no final

 add_filter( 'jpeg_quality', create_function('', 'return 50;' ) );