Üç metrik ne anlatıyor
| Metrik | Kullanıcı açısından karşılığı |
|---|---|
| LCP | Sayfayı açtım, ne zaman bir şey göreceğim. Genelde büyük bir görsel ya da başlık bloğu belirleyicidir. |
| INP | Tıkladım, ne zaman tepki verecek. Ağır JavaScript çalışırken tarayıcı tıklamayı işleyemez ve site donmuş hissi verir. |
| CLS | Okurken sayfa neden zıpladı. Yer ayrılmadan yüklenen görsel ve reklamlar içeriği aşağı iter. |
Laboratuvar testi ile gerçek veri farkı
Hız araçlarının verdiği skor, belirli bir cihaz ve bağlantı varsayımıyla yapılan tek seferlik bir testtir. Gerçek kullanıcılarınız ise farklı cihazlarda ve farklı bağlantılarda geziyor.
Bu yüzden yalnızca test skoruna bakmak yanıltıcı olabilir. Gerçek kullanıcı verisi, sitenizin sahadaki performansını gösterir ve iyileştirme kararları buna göre verilmelidir.
En sık karşılaşılan yavaşlatıcılar
- Ekranda kapladığı alandan çok daha büyük çözünürlükte yüklenen görseller
- Modern formata çevrilmemiş görseller
- Kullanılmadığı halde yüklenen kütüphaneler ve eklentiler
- Sohbet, harita ve analiz betiklerinin sayfa açılışında hep birlikte çalışması
- Yazı tipi dosyaları yüklenene kadar metnin hiç gösterilmemesi
- Yer ayrılmadan gelen görsel, iframe ve reklam alanları
Düzen kayması neden özellikle rahatsız edici
Diğer iki metrik beklemeyle ilgilidir, CLS ise doğrudan hata yaptırır. Kullanıcı bir bağlantıya tıklamak üzereyken üstte bir görsel yüklenip içeriği aşağı iterse, yanlış yere tıklanır.
Çözümü çoğu zaman basittir: sonradan yüklenen her öğe için baştan yer ayırmak. Görsellere genişlik ve yükseklik vermek ya da en boy oranı tanımlamak bu sorunu büyük ölçüde ortadan kaldırır.
İyileştirme sırası
Önce ölçün
Neyin yavaşlattığını görmeden yapılan müdahaleler zaman kaybıdır. Kaynak bazında yükleme süresini çıkarın.
Büyük kalemlerden başlayın
Genelde toplam sürenin büyük kısmını birkaç kalem oluşturur. Görseller ve üçüncü parti betikler çoğu sitede ilk sıradadır.
Yükleme sırasını düzenleyin
İlk ekranda görünmeyen her şeyin sonraya bırakılması, ilk izlenim süresini belirgin biçimde kısaltır.
Kaymayı bitirin
Geç yüklenen tüm öğeler için yer ayırın. Bu adım genelde düşük maliyetli ve yüksek etkilidir.
Sonucu doğrulayın
Değişiklik sonrası ölçümü tekrarlayın ve gerçek kullanıcı verisinin de zamanla iyileşmesini takip edin.
Sonuç
Performans, tek seferlik bir optimizasyon işi değil süreklilik meselesidir. Her yeni özellik ve her yeni betik siteye ağırlık ekler. Düzenli ölçüm, bu ağırlığın fark edilmeden birikmesini engeller.
Sık sorulan sorular
Skorum 100 olmalı mı
Hayır. Skor bir gösterge, hedef değil. Gerçek kullanıcı verisinde LCP, INP ve CLS değerlerinin önerilen eşikleri geçmesi yeterlidir.
Hız artışı satışı doğrudan artırır mı
Doğrudan bir garanti verilemez. Ancak yavaş açılan sayfaların terk edilme oranı yüksektir, dolayısıyla hız iyileştirmesi genellikle dönüşüm üzerinde olumlu etki gösterir.
Görsel optimizasyonu tek başına yeterli mi
Çoğu sitede en büyük kazanç görsellerden gelir ama tek başına yeterli olmayabilir. JavaScript yükü ve üçüncü parti betikler de sıklıkla belirleyicidir.