PageSpeed 90+ для OpenCart та WordPress — покроковий план

PageSpeed 90+ — реально досяжна ціль для будь-якого PHP сайту. Ось покроковий план від найбільшого впливу до деталей.

Кроки від найважливішого

1. TTFB — час відповіді сервера (найбільший вплив)

Ціль: TTFB < 200 мс. Що потрібно:

• Redis кеш для OpenCart/WordPress
• Nginx FastCGI cache або Varnish для статичних сторінок
• Cloudflare CDN — кешує на edge сервері

2. LCP — найбільший контентний елемент

Зазвичай це hero зображення. Виправлення:

<link rel="preload" href="hero.webp" as="image" fetchpriority="high">
<img src="hero.webp" loading="eager" fetchpriority="high">

3. Render-blocking resources

<!-- Замість: -->
<script src="app.js"></script>
<!-- Використовуйте: -->
<script src="app.js" defer></script>

4. Зображення — WebP та lazy load

Конвертуйте всі зображення в WebP (в 2-3× менший розмір). В Nginx:

map $http_accept $webp_suffix {
  "~*webp" ".webp";
}

5. Unused CSS/JS

Використовуйте Chrome Coverage Tab для знаходження невикористаного CSS/JS. PurgeCSS для WordPress тем.

Реальний результат

OpenCart з Redis + Nginx cache + WebP: Mobile 85–92, Desktop 96–99.
WordPress + LiteSpeed Cache + WebP: Mobile 88–93, Desktop 95–98.

Потрібна оптимізація? PageSpeed 90+ для вашого сайту.