Üç metrik neyi gösterir?
LCP, ekrandaki en büyük ana içeriğin görünme zamanına bakar. Büyük bir hero görseli veya başlık geç yükleniyorsa kullanıcı site açılmış olsa bile aradığı mesajı bekler. INP, tıklama ve yazma gibi etkileşimlere yanıt gecikmesini anlatır; menü veya form düğmesi geç tepki veriyorsa bu kullanıcıya dokunur. CLS ise sayfanın beklenmedik biçimde kaymasını ölçer; düğme okunurken yer değiştiriyorsa yanlış dokunma olabilir.
Google'ın iyi deneyim eşikleri LCP için 2,5 saniye, INP için 200 milisaniye, CLS için 0,1 düzeyidir. Bunlar tek bir cihazdaki skor değil, uygun alan verisinde 75. yüzdelik değerlendirmedir. Bu yüzden ‘benim bilgisayarımda hızlı’ gözlemi yeterli olmaz.
Örnek: Otel sayfasında büyük görsel LCP'yi geciktiriyor, rezervasyon menüsünü açan ağır script INP'yi bozuyor, sonradan gelen kampanya bandı CLS yaratıyor. Üçü aynı sitede farklı düzeltme ister.
| Metrik | Kullanıcının gördüğü sorun | İlk incelenecek şey |
|---|---|---|
| LCP | Ana görsel veya başlık geç görünür | Görsel boyutu ve yükleme önceliği |
| INP | Tıklama gecikmeli yanıt verir | Uzun JavaScript işleri ve üçüncü taraf kod |
| CLS | Metin veya düğme yer değiştirir | Boyutsuz görsel ve geç eklenen bloklar |
Alan verisi ile laboratuvar testini ayırın
PageSpeed Insights gerçek kullanıcı alan verisi sunabiliyorsa bu veri sitenin farklı cihaz ve bağlantılardaki deneyimini özetler. Lighthouse laboratuvar testi ise belirli koşullardaki tanılama aracıdır. Tek testteki 95 puan, bütün mobil kullanıcıların sorunsuz deneyim yaşadığını kanıtlamaz; tek testteki düşük puan da tek başına satış kaybı miktarını vermez.
Düşük trafikli sitede URL düzeyinde alan verisi bulunmayabilir. Bu durumda laboratuvar testini hata avı için kullanın, sonuçları gerçek cihazla gözleyin ve alan verisi yokluğunu sıfır sorun gibi yorumlamayın. Özellikle önemli şablonları test edin: ana sayfa, hizmet, ürün ve form.
Aynı sayfayı farklı gün ve saatlerde test ederek dalgalanmayı görün. Üçüncü taraf sohbet, reklam veya analitik kodları zamanla değişebilir. Değişiklikten önce ve sonra aynı ölçüm yöntemini kullanın.
İyileştirmeyi iş görevine göre sırala
Eğer ziyaretçinin çoğu mobilde hizmeti anlamak ve iletişim kurmak için geliyorsa önce bu sayfadaki ana mesaj, menü ve formu hızlandırın. Az ziyaret edilen bir animasyon demosunda mükemmel skor elde etmek daha düşük öncelikli olabilir.
LCP için yanlış boyutta hero görselini düzeltmek, INP için kullanılmayan ağır JavaScript'i kaldırmak, CLS için görsel alanını önceden ayırmak sık görülen işlerdir. Ancak her siteye aynı reçeteyi uygulamayın; raporun işaret ettiği öğeyi ve gerçek sayfa kodunu kontrol edin.
Hız iyileştirmesini tek başına birinci sıra veya dönüşüm garantisi olarak pazarlamayın. Kullanıcı hâlâ fiyat, kapsam veya güven bilgisini bulamıyorsa daha hızlı yüklenen sayfa da soruyu yanıtsız bırakır. Performans ile içerik ve dönüşüm yolunu birlikte değerlendirin.
web.dev: Core Web Vitals
Metrik tanımları ve eşikler için birincil teknik kaynak.
Ajansa sorulacak performans soruları
‘Puanı yüze çıkarabilir misiniz?’ yerine şu soruları sorun: Hangi sayfa şablonu sorun yaşıyor? Gerçek kullanıcı alan verisi var mı? Sorun mobilde mi masaüstünde mi? Kullanıcının hangi görevi gecikiyor? Düzelttikten sonra aynı koşullarda nasıl ölçülecek? Bu sorular raporu uygulanabilir işe çevirir.
Bir otel sitesinde ağır video ilk görüntüyü geciktiriyorsa poster görseli ve geç yükleme düşünülebilir. Ürün sayfasında 3D deneyim ilk içerikten önce yükleniyorsa model isteğe bağlı açılabilir. Formda çok sayıda takip kodu tıklamayı geciktiriyorsa kullanılmayan kodlar kaldırılabilir. Her karar marka deneyimiyle birlikte değerlendirilir.
Düzeltmenin yan etkisini de test edin. Görsel küçültülünce metin okunmaz oldu mu? Script kaldırılınca form doğrulaması bozuldu mu? Performans işi yalnızca sayı azaltmak değildir; aynı görevin daha rahat tamamlanmasını sağlamalı.
Küçük bir pilotla başlayın
Bütçe kısıtlıysa bütün siteye aynı anda müdahale etmeyin. Önce en çok ziyaret edilen veya en kritik formu taşıyan şablonda bir iyileştirme yapın. Aynı test koşuluyla yeniden ölçün ve formun hâlâ çalıştığını görün. Bu yöntem hangi teknik işin fark yarattığını anlamayı kolaylaştırır. Sonucu site geneline yaymadan önce diğer şablonlarda da aynı sorunun olup olmadığını kontrol edin.

