Sürətli sayt — daha çox səhifə baxışı, daha yüksək konvertasiya, daha yaxşı Google reytinqi. Mövcud saytınızı Core Web Vitals metrikası üzrə yaşıl zonaya çıxarırıq.
Audit mərhələsi
İlk addım — ətraflı performans auditi. Lighthouse, WebPageTest və real istifadəçi məlumatları (Chrome UX Report) ilə hazırkı vəziyyəti ölçürük və darboğazların siyahısını çıxarırıq.
Hansı metrikaları optimallaşdırırıq
- LCP (Largest Contentful Paint) — əsas məzmunun görünmə vaxtı.
- INP (Interaction to Next Paint) — istifadəçi klik və toxunuşlarına cavab müddəti.
- CLS (Cumulative Layout Shift) — səhifənin yüklənmə zamanı "sıçraması".
- TTFB (Time to First Byte) — serverin ilk cavab müddəti.
- TBT (Total Blocking Time) — JavaScript-in əsas threadi bloklaması.
Optimallaşdırma texnikaları
- Şəkillər: WebP/AVIF formatları, responsiv
srcset, lazy loading, CDN. - JavaScript: code splitting, tree shaking, lazy import, lazım olmayan skriptlərin silinməsi.
- CSS: critical CSS inline, lazımsız qaydaların silinməsi, modern selektorlara keçid.
- Şriftlər:
font-display: swap, preload, subsetting. - HTTP: HTTP/2 və HTTP/3, Brotli sıxılması, keep-alive.
- Önbellek: brauzer cache siyasəti, service worker, server-side və reverse-proxy önbelleği.
- CDN: Cloudflare, Bunny, AWS CloudFront konfiqurasiyası.
- Üçüncü tərəf skriptlər: analitika, chat və reklam skriptlərinin düzgün planlanması.
- Server: Nginx/Apache tənzimləməsi, PHP-FPM opcache, DB sorğularının optimallaşdırılması.
Prosedur
- Audit hesabatı. Mövcud metrikalar, əsas darboğazlar, əhəmiyyət sırası.
- Prioritetləndirmə. Ən böyük təsir göstərən 20% dəyişiklik ilk başa düşülür.
- Mərhələli tətbiq. Hər dəyişiklikdən sonra metrikaları yenidən ölçürük.
- Davamlı monitorinq. Real istifadəçi məlumatları ilə izləmə sistemi qururuq.
Nəticə
Tipik layihələrdə LCP 2–4 saniyədən 1 saniyə altına, Lighthouse balı 40–60-dan 90+-a qədər yüksəlir. Konvertasiya nisbətində ölçülə bilən artım olur.