Web sitenizin hızı neden satış kaybettiriyor? Core Web Vitals rehberi

Bir ziyaretçi sitenize geldiğinde ilk birkaç saniyede bir karar verir: Bekleyecek mi, geri mi dönecek? Sayfa boş ekranda takılı kalıyorsa ya da içerik yüklenirken sürekli kayıyorsa, bu karar çoğu zaman geri dönmek olur.

Google da bu deneyimi ölçüyor. Core Web Vitals adı verilen metrikler, Google'ın sayfa deneyimini değerlendirirken baktığı sinyallerin bir parçası.

• LCP (Largest Contentful Paint): Sayfadaki en büyük içerik öğesinin, genellikle başlığın ya da ana görselin, ne kadar sürede göründüğü. 2,5 saniyenin altı iyi kabul edilir.
• INP (Interaction to Next Paint): Bir butona dokunduğunuzda sayfanın ne kadar hızlı tepki verdiği. 200 milisaniyenin altı iyi kabul edilir.
• CLS (Cumulative Layout Shift): Sayfa yüklenirken içeriğin ne kadar kaydığı. 0,1 ve altı iyi kabul edilir. Okurken metnin aşağı kaçması ya da yanlış butona basmanız, bu metriğin kötü olduğunu gösterir.

• Sıkıştırılmamış, gösterildiği alandan çok daha büyük görseller.
• Sayfanın ilk görünümünü engelleyen CSS ve JavaScript dosyaları.
• Her sayfada yüklenen ama çoğu zaman kullanılmayan eklentiler ve üçüncü taraf scriptler.
• Boyutu belirtilmemiş görseller ve reklam alanları; yüklendiklerinde içeriği aşağı iterler.
• Yavaş sunucu yanıtı ve eksik önbellekleme.
• Gereğinden fazla font dosyası ve hiç kullanılmayan font karakterleri.

Google'ın ücretsiz aracı PageSpeed Insights, sitenizin adresini girdiğinizde hem bir laboratuvar testi yapar hem de varsa gerçek kullanıcı verilerini gösterir. Mobil sonuçlara özellikle dikkat edin: Test yavaş bir mobil bağlantıyı taklit eder ve ziyaretçilerinizin önemli bir kısmı telefondan gelir.

Puanı tek başına hedef yapmayın. Asıl amaç, gerçek ziyaretçinin sayfayı hızlı görmesi ve rahat kullanabilmesidir. Puan bunun iyi bir göstergesidir.

• Görselleri WebP ya da AVIF gibi modern formatlarda, gösterildikleri boyutta sunun.
• Sayfanın ilk görünümü için gereken CSS'i sayfaya gömün, geri kalan scriptleri erteleyin.
• Analitik ve reklam scriptlerini sayfa göründükten sonra yükleyin.
• Fontları yalnızca kullandığınız karakterlerle sınırlayın ve önceden yükleyin.
• Sunucuda sıkıştırmayı ve tarayıcı önbelleklemesini açın.

Hazır temalar ve çok sayıda eklentiyle kurulmuş sitelerde bu adımların bir kısmı sınırlı kalır. Sıfırdan ve performans hedefiyle yazılmış bir sitede ise mobilde bile 90'ın üzerinde puan almak mümkündür.