Web Sitesi Hızında LCP, INP ve CLS Ne Anlatır?

Dijital & Performans

Dijital performans ve veri analizi temalı görsel

Bir web sitesi hızlı açılıyor gibi görünürken menüye geç yanıt verebilir veya yükleme sırasında metinleri yer değiştirebilir. Bu nedenle performansı tek bir puanla değerlendirmek yeterli değildir. LCP yüklemeyi, INP etkileşime yanıtı, CLS ise beklenmedik yerleşim kaymalarını anlamaya yardımcı olur.

Yazar: Massimo Creative Editoryal Ekibi · Güncelleme: 29 Eylül 2026

Üç ölçütün farklı görevleri

LCP, ilk görünür alandaki en büyük uygun içerik öğesinin ne zaman görüntülendiğiyle ilgilidir. INP, kullanıcı etkileşimlerinin yanıt hızını değerlendirir. CLS, sayfadaki beklenmedik görsel kaymaları ölçer. İyi deneyim için önerilen eşikler sırasıyla 2,5 saniye, 200 milisaniye ve 0,1'dir; değerlendirmede ziyaretlerin 75. yüzdelik dilimi dikkate alınır. Web.dev: Web Vitals.

Bu değerler teşhis için başlangıçtır. Hangi öğenin yavaş yüklendiği veya hangi etkileşimin geciktiği ayrıca incelenmelidir. Sayfada büyük bir video bulunması tek başına bütün performans sorununun o videodan kaynaklandığını kanıtlamaz.

Laboratuvar ve gerçek kullanıcı verisini ayırın

Laboratuvar testi belirli cihaz ve bağlantı koşullarını taklit eder. Gerçek kullanıcı verisi ise farklı cihazlardan ve ziyaretlerden oluşur. İkisinin aynı sayıyı vermesi beklenmez. Laboratuvar değişiklikleri karşılaştırmakta yararlıdır; gerçek kullanıcı deneyiminin tamamının yerine geçmez.

Rapor kaydında tarih, URL, cihaz profili ve test koşulları bulunmalı. Aynı sayfayı farklı koşullarda test edip puan değişimini doğrudan yapılan düzeltmeye bağlamayın. Birkaç kontrollü tekrar, tek koşunun yanıltıcı etkisini azaltabilir.

Tasarımı koruyarak nereden başlanır?

Görünmeyen video ve animasyonların gereksiz çalışması, tekrar eden DOM taramaları, yanlış yükleme öncelikleri ve boyutu sonradan değişen öğeler incelenebilir. Önce kaynak belirlenir; sonra kapsamı sınırlı bir müdahale yapılır. Her animasyonu kaldırmak zorunlu değildir.

Görselde yer ayrılması, kaynakların doğru zamanda yüklenmesi ve işlemlerin yalnız gerektiğinde çalışması tasarımın korunmasına yardımcı olabilir. Ancak düzeltme sonrasında menü, form ve medya davranışı yeniden kontrol edilmelidir.

Başarıyı iki düzeyde doğrulayın

Önizlemede aynı koşullarda önce ve sonra karşılaştırın. Yayın sonrası ise yeterli veri oluştuğunda saha sonuçlarını değerlendirin. Hız puanının yükselmesi, organik sıralamanın otomatik olarak belirli bir konuma çıkacağı anlamına gelmez.

Hız raporunu karara çevirin

  • LCP yüksekse: Ana içeriğin neden geç göründüğünü araştırın; büyük görsel, sunucu yanıtı ve yükleme sırası olası nedenlerdir.

  • INP yüksekse: Etkileşim sırasında uzun çalışan kodu, yoğun animasyonu ve ana iş parçacığı yükünü inceleyin.

  • CLS yüksekse: Alanı önceden ayrılmayan görselleri, yazı tipi değişimini ve sonradan eklenen öğeleri kontrol edin.

Google’ın iyi deneyim hedefleri LCP için 2,5 saniye, INP için 200 ms ve CLS için 0,1 düzeyidir. Laboratuvar testi ile gerçek ziyaretçi verisini ayrı okuyun; farklı cihaz, ağ ve dönemler farklı sonuç verebilir. Tek bir test sonucundan bütün ziyaretçilerin deneyimini çıkarmayın.

Tanımlar ve hedefler için Google’ın Core Web Vitals açıklamasına başvurun.

Sık sorulan sorular

LCP, INP ve CLS hangi sorunları gösterir?

LCP ana içeriğin görünme hızını, INP kullanıcı etkileşimlerine yanıtı, CLS ise beklenmedik yerleşim kaymalarını değerlendirir. Büyük görselin geç yüklenmesi, yoğun JavaScript ve ölçüsü ayrılmamış medya farklı metrikleri etkileyebilir. Tek toplam puan yerine sorunlu metriğin nedeni incelenmelidir.

PageSpeed puanı her testte neden değişir?

Test koşulları, sunucu yanıtı, üçüncü taraf kodlar ve tarayıcı çalışması farklılaşabilir. Tek ölçüm yerine benzer koşullardaki testler karşılaştırılmalı; varsa gerçek kullanıcı verisi ayrıca izlenmelidir. Laboratuvar puanı ile tüm ziyaretçilerin deneyimini aynı kabul etmeyin.

Markanız için sonraki adım

İhtiyacınızı, hedefinizi ve mevcut çalışma düzeninizi paylaşın. Reklam, sosyal medya, prodüksiyon ve web tarafında öncelikli kapsamı birlikte netleştirelim.

Projenizi konuşalım

Hizmetleri inceleyin

İlgili rehberler