Google neye bakıyor?
Google, sayfa deneyimini Core Web Vitals adı verilen üç ölçütle değerlendirir:
- LCP (Largest Contentful Paint): Sayfadaki en büyük içeriğin ne kadar sürede göründüğü. 2,5 saniyenin altı iyi kabul edilir.
- INP (Interaction to Next Paint): Bir tıklamaya ya da dokunuşa 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'in altı iyi kabul edilir.
Kendi siteni ücretsiz olarak PageSpeed Insights ile ölçebilirsin.
En sık yavaşlık sebepleri
- Sıkıştırılmamış, gereğinden büyük fotoğraflar
- Kullanılmayan onlarca eklenti ve ağır hazır temalar
- Her sayfada yüklenen gereksiz kodlar
- Yavaş ya da aşırı kalabalık paylaşımlı sunucu
- Boyutu belirtilmemiş görseller yüzünden kayan sayfa düzeni
Hızlandırmak için
- Fotoğrafları WebP ya da AVIF biçimine çevir ve ekranda gösterilen boyuta küçült.
- Görünmeyen görselleri sayfa kaydırıldıkça yükle (lazy loading).
- Kullanılmayan eklentileri kaldır, gerekli olanları güncel tut.
- Sunucuda sıkıştırma ve önbelleği aç.
- Yazı tiplerini kendi sunucundan ve yalnız kullandığın kalınlıklarla yükle.
- Görsellere genişlik ve yükseklik ver ki sayfa kaymasın.
Animasyonlu siteler yavaş mı olmak zorunda?
Hayır. Bu sitedeki 3D sahne, yavaş cihazlarda kendi çözünürlüğünü düşürüyor, görünmediği bölümlerde hiç çizilmiyor ve karakter modeli sayfa açıldıktan sonra arka planda yükleniyor. Doğru kurgulanırsa etkileyici ve hızlı bir arada olur.