PageSpeed чаще всего валится не из-за «сложной архитектуры», а из-за банального: картинки раздули вес страницы

PageSpeed чаще всего валится не из-за «сложной архитектуры», а из-за банального: картинки раздули вес страницы.

Сценарий типичный: на мастере всё зелёное, после релиза месяцами наполняют контент, а потом SEO приносит «просел показатель». И почти всегда первым делом надо смотреть не на магию, а на изображения.

Разбираем как на собесе по performance:

1) Найди главных виновников
Проверь hero-блок, баннеры, карточки, аватарки, галереи. Часто один JPG на 3–5 МБ убивает весь LCP.

2) Приведи формат в порядок
Где можно — WebP/AVIF, где нельзя — нормальный JPEG с адекватным сжатием. Не тащи оригинал «на всякий случай». Для разных экранов — разные размеры. 📉

3) Не грузить лишнее
Lazy load для всего, что ниже первого экрана. Указывай width/height, чтобы не ловить CLS. И да: адаптивные изображения — это не «приятно иметь», это база.

Хардкорная правда: если сайт медленный, в половине случаев сначала чинят изображения, а уже потом лезут в бандл, кеши и сервер.