В разделе «Возможности» вашего отчета Lighthouse перечислены все изображения в старых форматах изображений, демонстрирующие потенциальную экономию, полученную за счет обслуживания версий этих изображений в формате AVIF:
Зачем предоставлять изображения в формате AVIF или WebP?
AVIF и WebP — это форматы изображений, которые имеют превосходные характеристики сжатия и качества по сравнению со своими старыми аналогами JPEG и PNG. Кодирование изображений в этих форматах, а не в JPEG или PNG, означает, что они будут загружаться быстрее и потреблять меньше сотовых данных.
AVIF поддерживается в Chrome, Firefox и Opera и предлагает файлы меньшего размера по сравнению с другими форматами с такими же настройками качества. Дополнительную информацию об AVIF см. в разделе Работа с изображениями AVIF Codelab .
WebP поддерживается в последних версиях Chrome, Firefox, Safari, Edge и Opera и обеспечивает лучшее сжатие изображений в Интернете с потерями и без потерь. Дополнительную информацию о WebP см. в разделе «Новый формат изображений для Интернета» .
Как Lighthouse рассчитывает потенциальную экономию
Lighthouse собирает каждое изображение BMP, JPEG и PNG на странице, преобразует каждое в WebP и оценивает размер файла AVIF, сообщая о потенциальной экономии на основе показателей преобразования.
Совместимость с браузером
WebP поддерживается последними версиями Chrome, Firefox, Safari, Edge и Opera, тогда как поддержка AVIF более ограничена. Вам потребуется предоставить резервное изображение PNG или JPEG для поддержки старых браузеров. См. раздел «Как определить поддержку WebP в браузере?». для обзора резервных методов и приведенного ниже списка поддержки форматов изображений браузером.
Чтобы увидеть текущую поддержку браузером каждого современного формата, ознакомьтесь с записями ниже:
Рекомендации для конкретного стека
AMP
Рассмотрите возможность отображения всех компонентов amp-img в форматах WebP, указав соответствующий резервный вариант для других браузеров.
Друпал
Рассмотрите возможность установки и настройки модуля для использования форматов изображений WebP на вашем сайте. Такие модули автоматически генерируют версию загруженных изображений в формате WebP для оптимизации времени загрузки.
Джумла
Рассмотрите возможность использования плагина или сервиса, который автоматически преобразует загруженные вами изображения в оптимальные форматы.
Магенто
Рассмотрите возможность поиска на Magento Marketplace различных сторонних расширений для использования новых форматов изображений.
айфон
Обратите внимание, что изображения webp, avif и видео webm не будут работать на iPhone ниже ios 16.
WordPress
Рассмотрите возможность использования плагина или сервиса, который автоматически преобразует загруженные вами изображения в оптимальные форматы.