Karşılaştırma: Web sitesi hız optimizasyonu ve Core Web Vitals
Özet: Başlangıç sayfası oluşturuldu
- Sayfa hızı hem kullanıcı deneyimini hem de arama motoru görünürlüğünü etkiler. Google, gerçek kullanıcı deneyimini [B]Core Web Vitals[/B] adı verilen üç metrikle ölçer.
[HEADING=1]Core Web Vitals eşikleri[/HEADING]
[TABLE]
[TR][TH]Metrik[/TH][TH]Ne ölçer?[/TH][TH]"İyi" eşik[/TH][/TR]
[TR][TD]LCP (Largest Contentful Paint)[/TD][TD]Sayfadaki en büyük içeriğin görünme süresi[/TD][TD]≤ 2,5 saniye[/TD][/TR]
[TR][TD]INP (Interaction to Next Paint)[/TD][TD]Tıklama/dokunmalara tepki süresi[/TD][TD]≤ 200 ms[/TD][/TR]
[TR][TD]CLS (Cumulative Layout Shift)[/TD][TD]Sayfa yüklenirken içeriğin kayması[/TD][TD]≤ 0,1[/TD][/TR]
[/TABLE]
Değerler, ziyaretlerin %75'lik dilimine göre değerlendirilir. INP, 2024'te FID'nin yerini almıştır.
[HEADING=1]En etkili adımlar[/HEADING]
[LIST=1]
[*][B]Sayfa önbelleği:[/B] WordPress'te LiteSpeed Cache, WP Rocket veya sunucu tarafı (Nginx FastCGI cache, Varnish) önbellek kullanın. Dinamik sayfaların her istekte yeniden üretilmesi en büyük yavaşlık sebebidir.
[*][B]Görseller:[/B] Görselleri gösterildikleri boyutta sunun, WebP/AVIF formatına dönüştürün, ekran dışındakilere [ICODE]loading="lazy"[/ICODE] ekleyin. LCP görseline lazy load [I]uygulamayın[/I]; gerekirse [ICODE]fetchpriority="high"[/ICODE] kullanın.
[*][B]Boyut belirtin:[/B] Görsel, video ve reklam alanlarına genişlik/yükseklik vererek CLS'yi önleyin.
[*][B]JavaScript'i azaltın:[/B] Kullanılmayan eklenti ve betikleri kaldırın, üçüncü taraf betikleri (sohbet, reklam, analiz) erteleyin. INP'yi en çok ağır JavaScript bozar.
[*][B]CDN:[/B] Statik dosyaları ziyaretçiye yakın noktalardan sunmak gecikmeyi azaltır.
[*][B]Sunucu tarafı:[/B] Güncel PHP sürümü, OPcache açık, HTTP/2 veya HTTP/3, Brotli/Gzip sıkıştırma. Nesne önbelleği (Redis/Memcached) veritabanı yükünü azaltır.
[*][B]Veritabanı:[/B] Yavaş sorguları tespit edin, gereksiz revizyon/transient kayıtlarını temizleyin, doğru indeksleri kullanın.
[*][B]Yazı tipleri:[/B] Az sayıda yazı tipi ağırlığı kullanın, [ICODE]font-display: swap[/ICODE] ekleyin ve mümkünse kendi sunucunuzda barındırın.
[/LIST]
[HEADING=1]Ölçüm[/HEADING]
[LIST]
[*][B]PageSpeed Insights:[/B] Hem laboratuvar testi hem de (yeterli trafik varsa) gerçek kullanıcı verisini gösterir.
[*][B]Search Console → Core Web Vitals raporu:[/B] Sitenizdeki sorunlu URL gruplarını listeler.
[*][B]Tarayıcı geliştirici araçları (Lighthouse, Performance sekmesi):[/B] Sorunun kaynağını ayrıntılı incelemek için.
[/LIST]
Tek bir testin puanına takılmayın; değişiklik öncesi ve sonrası aynı koşullarda birkaç ölçüm alıp karşılaştırın.
