Yavaş bir site, ziyaretçiyi tek kelime okumadan kaybeder. Mobil veride, kalabalık bir yerde ya da yolda üç saniye fazladan beklemek bozuk sayfa gibi hissettirir; çıkan ziyaretçi müşteri olmaz. Google da sayfa deneyimini birçok sinyalden biri olarak kullanır.
Bunun için teknik olmanız gerekmez. Üç ismi, bir aracı ve kısa bir düzeltme listesini bilmeniz yeterli.
Core Web Vitals, gerçek telefonlarda üç şeyi ölçer: ana içeriğin ne kadar hızlı göründüğü (LCP, hedef 2,5 sn veya altı), dokunuşlara ne kadar çabuk tepki verildiği (INP, 200 ms veya altı) ve sayfanın oynayıp oynamadığı (CLS, 0,1 veya altı). Çoğu çözüm görseller ve daha az betikle ilgilidir.
Üç ölçüt sade dille
Her ölçüt, ziyaretçinin kendi kendine sorduğu bir soruyu yanıtlar.
- LCP: Ekrandaki en büyük öğe, genelde ana görsel ya da başlık, ne zaman görünüyor? İyi değer 2,5 saniye veya altıdır.
- INP: Bir butona ya da menüye dokunduğumda sayfa ne kadar çabuk tepki veriyor? İyi değer 200 milisaniye veya altıdır.
- CLS: Yüklenirken sayfa oynuyor mu, yanlış yere mi basıyorum? İyi değer 0,1 veya altıdır.
Önce mobilde ölçün
PageSpeed Insights'ı açın, adresinizi yapıştırın ve masaüstü değil mobil sekmesini okuyun. Varsa önce gerçek ziyaretçi verisine, sonra aşağıdaki fırsat listesine bakın. Ana sayfanızı ve en önemli açılış sayfanızı test edin, değişiklik sonrası karşılaştırmak için sayıları not alın.
Önce görselleri düzeltin
Küçük işletme sitelerinin en ağır parçası genelde görsellerdir ve yavaş LCP'nin olağan nedenidir. En az emekle en büyük kazancı verirler.
- WebP ya da AVIF gibi modern biçimler kullanın; telefondan çıkan fotoğrafı tam boyutuyla yüklemeyin.
- Görseli gösterildiği boyutta sunun, dört kat büyüğünü değil.
- Ana görseli ilk yükleyin, sayfanın aşağısındakileri geç yükleyin (lazy load).
- Görsellere her zaman genişlik ve yükseklik verin; sayfa oynamaz (CLS sorunlarının çoğu buradan çözülür).
Betikleri, yazı tiplerini ve fazlalığı azaltın
Her canlı destek eklentisi, izleyici, slider ve ek yazı tipi ağırlık katar ve dokunmayı yavaşlatır. Yalnızca hak edeni tutun. Bir iki yazı tipi ailesi kullanın, sayfa üstünde otomatik oynayan video koymayın.
Yavaş INP genelde dokunma anında çalışan fazla JavaScript demektir; en basit çare üçüncü taraf betikleri azaltmaktır.
Düzeltmeleri Uttra'dan isteyin, sonra yeniden test edin
Uttra temiz ve hafif bir site kurduğu için düzeltmeleri doğrudan isteyebilirsiniz: Ana sayfadaki tüm görselleri sıkıştır, her görsele genişlik ve yükseklik ver, ilk ekranın altındaki görselleri geç yükle, kullanılmayan slider'ı kaldır. Yayınlayın, yeni veri birikmesini bekleyin, PageSpeed Insights'ı tekrar çalıştırın.