Как исправить Эффективно кодировать изображения в PageSpeed Insights

Эффективно кодировать изображения это проверка сжатия, а не вёрстки. PageSpeed Insights смотрит каждый JPEG, PNG и WebP на странице и оценивает, сколько килобайт можно срезать перекодированием при похожем видимом качестве. Это не про неправильный формат фото и не про слишком большие пиксели: это другие проверки (Отдавать изображения в современных форматах и Правильно подбирать размер изображений).

Отчёт называет файлы. Вам всё равно нужно взять эти оригиналы с сайта или из CMS, перекодировать их и положить обратно более лёгкие копии. EditItAll не обходит ваш URL и не связывается с PageSpeed Insights. Он только перекодирует, в браузере.

Откройте JPEG-компрессор (или подходящий инструмент PNG / WebP, если отчёт перечислил его) и перетащите тяжёлые оригиналы:

• Для фотографий оставьте качество около 80. На экране это обычно не отличить, и это тот же диапазон, что рекомендует руководство по качеству JPEG.
• Если фото тысячи пикселей в ширину, а показывается лишь доля этого, задайте максимальную сторону 1920 или 1280: это реальные опции компрессора. Лишние пиксели это вторая половина веса страницы; см. сжать JPEG для веба.
• Смотрите размер in → out в списке результатов. Всё ещё велик? Снизьте качество примерно на десять пунктов и запустите снова. Поля «сжать до N KB» нет: размер это выход.

Экспортируйте, скачайте, замените файлы на сервере или в CMS, затем снова запустите PageSpeed Insights. Всё осталось на устройстве; после загрузки страницы можно работать офлайн. EXIF снимается при экспорте.

Если экономия после перекодирования JPEG выглядит маленькой, PageSpeed Insights может также просить современный формат. WebP и AVIF обычно обходят JPEG при том же видимом качестве. Сконвертируйте копию через JPG в WebP или WebP-компрессор и сравните указанные размеры. Оставьте запасной JPEG, если ещё обслуживаете старые браузеры.

PNG-фото почти никогда не место на веб-странице. Переведите их в JPG или WebP; сжатие PNG без потерь почти не уменьшит фотографию. Кластер сжатие изображений подробнее разбирает выбор формата.

Перекодирование не впихнет hero на 4000 пикселей в слот на 800 пикселей: это Правильно подбирать размер изображений, и нужен меньший размер в пикселях. Оно не включит отложенную загрузку картинок ниже сгиба и не напишет srcset за вас. EditItAll также не попадёт автоматически в килобайтный целевой размер и не уберёт артефакты JPEG, которые уже в файле. Сожмите один раз с оригинала и остановитесь.