İçeriğe atla
  • Kapak: Siten hızlı. Tıklayınca değil. Açılış puanın yeşil ama kullanıcı bir yere bastığında site donuyor. Ölçüsü var: INP.
  • Eşik: 200 milisaniye. Sınır bu.
  • Adım 1 · Ölç: Laboratuvar değil, saha verisi.
  • Adım 2 · Yakala: Hangi tıklama takılıyor?
  • Ara görsel: Kullanıcı beklemez. Ölçüsü var: 200 milisaniye.
  • Adım 3 · Böl: Uzun işi parçala.
  • Adım 4 · Ertele: Üçüncü taraf betikleri.
  • Adım 5 · Ölçüm: Düzeldiğini nereden bileceksin?
  • Kapanış: Yoruma HIZ yaz. Konsol gözlemcisinin kodunu ve kontrol listesini DM’den gönderiyoruz.
1/9

Uygulama Rehberi · Web

Siten hızlı. Tıklayınca değil.

Açılış puanın yeşil ama kullanıcı bir yere bastığında site donuyor. Ölçüsü var: INP.

Kısa cevap

INP (Etkileşimden Sonraki Boyama), kullanıcı tıkladıktan sonra ekranda görünür bir değişiklik olmasının ne kadar sürdüğünü ölçer ve Mart 2024'te FID'in yerine Temel Web Verisi oldu. İyi eşik 200 milisaniye, 500 ms üstü kötüdür. Açılış puanı yeşil olan bir site de tıklamada donabilir; çözüm uzun JavaScript işlerini bölmek ve üçüncü taraf betikleri ertelemektir.

5 adım · 1 dk · · Turan Yasin Salcı

Adım adım · 5 adım

0/5 işaretli · yalnızca bu tarayıcıda saklanır

  1. 200 milisaniye. Sınır bu.

    INP (Etkileşimden Sonraki Boyama), Mart 2024'te FID'in yerine Temel Web Verisi oldu. Sitelerin %75'lik diliminde ölçülür.

    • iyi: ≤ 200 ms
    • iyileştirilmeli: 200–500
    • kötü: > 500 ms

  2. Laboratuvar değil, saha verisi.

    5 DAKİKA

    PageSpeed Insights'ta sayfanı aç. Üstteki gerçek kullanıcı verisi bölümüne bak; alttaki laboratuvar puanı INP ölçmez.

    Bunu görürsen: "Yeterli gerçek kullanıcı verisi yok" yazıyorsa sitene yeterince ziyaretçi gelmiyor demektir. O zaman ölçümü sen yapacaksın — bir sonraki madde.

  3. Hangi tıklama takılıyor?

    20 DAKİKA

    Chrome'da geliştirici araçları → Performans → kaydı başlat, sitede gezin, durdur. Uzun görevleri (long task) ara.

    Neden işe yarıyor: Konsola düşen her satır, 200 ms'den uzun süren gerçek bir etkileşim. Hangi düğmenin sorun çıkardığını tahmin etmeyi bırakıyorsun.

    new PerformanceObserver((l) => {
  for (const e of l.getEntries())
    console.log(e.duration, e.target);
}).observe({type:'event', durationThreshold:200});

  4. Uzun işi parçala.

    30 DAKİKA

    Tarayıcı tek iş parçacığı ile çalışır. 400 ms süren bir fonksiyon, o süre boyunca ekranı kilitler.

    Desteklemiyorsa: scheduler.yield() her tarayıcıda yok. Yedeği: await new Promise(r => setTimeout(r, 0)).

    for (const x of hepsi) { agirIs(x); }

for (const x of hepsi) {
  agirIs(x);
  await scheduler.yield();
}

  5. Üçüncü taraf betikleri.

    15 DAKİKA

    Sohbet balonu, ısı haritası, üç ayrı analitik, iki reklam pikseli. Hepsi aynı anda yüklenip aynı iş parçacığını meşgul eder.

    • Sohbet balonunu ilk kaydırmadan sonra yükle.
    • Isı haritası araçlarını kampanya dışında kapat.
    • Etiket yöneticisindeki ölü etiketleri temizle.
    • Yazı tiplerini font-display: swap ile ver.

    En hızlı kazanç: Çoğu sitede en büyük tek kazanç, artık kullanılmayan bir aracın etiketini silmek oluyor. Önce envanter çıkar.

Nasıl ölçersin?

Düzeldiğini nereden bileceksin?

Değişiklikten sonra saha verisi 28 günlük pencereyle güncellenir. Yani yarın bakma.

  • Konsol gözlemcisinde 200 ms üstü olay kalmadı
  • Search Console → Temel Web Verileri'nde INP uyarısı azaldı
  • 28 gün sonra PageSpeed saha verisi yeşile döndü
  • Sepete ekleme / form gönderme oranı arttı

Gerçekçi ol: INP'yi düzeltmek sıralamayı zıplatmaz. Düzelttiği şey, tıklayıp bekleyen kullanıcının vazgeçmesi.

Ücretsiz · PDF

HIZ kontrol listesi indir.

Bu sayfadaki adımların yazdırılabilir, işaretlenebilir sürümü. Giriş ya da üyelik istemez.

Kontrol listesini indir

Kaynaklar

[A] birincil kaynak · [B] sektör araştırması · [C] pratisyen · [D] kendi verimiz

Bu içerik şurada da

Sık sorulan sorular

PageSpeed puanım yeşil ama site tıklayınca donuyor, neden?

Laboratuvar puanı sayfanın açılışını ölçer, INP'yi ölçmez. Tıklama sonrası tepkiyi PageSpeed Insights'ın üstündeki gerçek kullanıcı (saha) verisindeki INP satırı gösterir: 200 ms altı iyi, 500 ms üstü kötü sayılır.

INP'yi düzelttikten sonra sonucu ne zaman görürüm?

Saha verisi 28 günlük pencereyle güncellenir; ertesi gün bakmak bir şey göstermez. Düzeltmeden sonra birkaç hafta boyunca aynı sayfanın INP değerini izlemek gerekir.

Sonraki adım

Sitene birlikte bakalım.

Ücretsiz dijital kontrol: sitenin, reklamlarının ve yapay zekâ görünürlüğünün sağlık skoru ve önce yapılacak işler. 3 dakika.

Ücretsiz dijital kontrol Web hizmetimiz

Sıradaki rehberler