После перевода всех изображений на ленивую загрузку главная стала медленнее
Чтобы ускорить сайт, всем изображениям, включая большой баннер на первом экране, добавили loading="lazy". Суммарный объём загрузки уменьшился, но Largest Contentful Paint главной страницы вырос с 1,8 до 3,1 секунды.
Что пошло не так?
- Баннер — главный элемент первого экрана, его загрузку отложили; ему нужен высокий приоритет
- Ленивая загрузка не работает в Chrome и только добавляет задержку
- LCP считается по последнему изображению, а ленивые грузятся в конце
- Нужно было сжать баннер, ленивая загрузка тут ни при чём