Как ускорить сайт за один вечер: картинки
Простые шаги, которые уменьшают вес страниц в несколько раз.
Чаще всего сайт тормозит не из-за кода, а из-за фотографий в исходном размере. Снимок с телефона весит 4–6 мегабайт, а на странице он показывается шириной 600 пикселей.
Достаточно подготовить несколько размеров изображения и отдавать современный формат вроде WebP или AVIF. Атрибуты width и height помогают браузеру не прыгать при загрузке.
Ленивая загрузка для картинок ниже первого экрана — ещё одна бесплатная оптимизация: браузер не тратит трафик на то, что пользователь может и не увидеть.