Сжать и перевести в webp все картинки
Первая часть серии «Разгоняем показатели PageSpeed до 100»
Это один из самых важных этапов. Неоптимизированные картинки - главные "тормоза" сайта. Как показала практика, работа с ними может добавить до +15 баллов.
Webp - современный формат
и лучше даёт сжатие + поддерживает прозрачность. Png и jpg могут быть тяжелее по весу, а браузер больше тратит время на их декодирование.
Для точечного сжатия могу рекомендовать squoosh.app - сервис позволяет сжимать, менять размер и формат, задавать различные настройки изображениям.
Для массового перевода картинок в webp подойдёт рандомный сайт из поиска.
Ещё из важного:
✅ Вес картинок рекомендуется до 200 кБ
✅ Если webp весит больше этого, его можно сжать всё так же через рандомный сайт в поиске через запрос "сжать webp"
А ещё-ё-ё! На своих проектах я добиваюсь зеленой зоны и лайтхауса и пейджспида.
Прочитать все части серии "Разгоняем показатели PageSpeed и Lighthouse до 100" можно по хештегу #pagespeed в моём Телеграм Канале - @naweba или по ссылке в моём блоге Teletype.