Оптимизация для сайта (Cloudflare+PageSpeed Insights)

Было:
Корпоративный сайт на WordPress работал медленно на мобильных устройствах:
• низкие показатели PageSpeed Insights (LCP/FCP, “Улучшить доставку изображений”, “Ресурсы, блокирующие рендеринг”);
• тяжелые изображения без адаптивных размеров, дублирование одного и того же файла как background-image;
• неэффективное кэширование (браузерное и серверное), лишние запросы к базе;
• Cloudflare был подключен “по умолчанию” без настроенных правил кэширования и оптимизации.

Что сделано:
• Провел аудит PageSpeed Insights и Chrome DevTools (LCP, CLS, waterfall, coverage).
• Настроил Cloudflare:
• page rules / cache rules для статических ресурсов;
• сжатие и кэширование изображений, HTML, CSS, JS;
• корректная работа с кэшем WordPress (игнорирование динамических страниц, обход для admin / cart / search и т.д.).
• Переделал вывод изображений в теме:
• заменил прямые URL на wp_get_attachment_image() с srcset / sizes;
• добавил отдельные размеры изображений для героев и карточек каталога, убрал дублирование через background-image;
• настроил lazy-loading, fetchpriority="high" только для ключевых элементов.
• Оптимизировал критические стили и скрипты:
• убрал часть ресурсов, блокирующих рендеринг, отложенная загрузка второстепенных CSS/JS;

Результат:
• Значительное улучшение показателей PageSpeed Insights на мобильных (LCP и FCP в “зеленой” зоне на ключевых страницах).
• Уменьшен размер загружаемых изображений без потери качества.
• Быстрее первое отображение контента и более плавная работа сайта под нагрузкой.