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

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

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

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