Düzeltme raporu

Performans Düzeltme Raporu

Üç temel sayfanızı (mağazalarda ana sayfa, koleksiyon ve ürün sayfası) yavaş 4G’deki orta segment bir telefon gibi yükleriz; siteniz yeterli trafik alıyorsa Google’ın gerçek kullanıcı verilerini de ekler, her sayfayı neyin yavaşlattığını çözümleriyle birlikte öncelik sırasına göre gösteririz.

  • Mobil laboratuvar testi (LCP, CLS, TBT)
  • Varsa Google gerçek kullanıcı verileri
  • En ağır görseller ve script’ler

Neleri kontrol ediyoruz

  • Largest Contentful Paint (LCP)

    Ana içeriğin, hızı kısıtlanmış bir telefonda ne kadar sürede göründüğü; 2,5 saniyelik eşiğe göre.

  • Düzen kayması (CLS)

    İçeriğin yüklenirken yerinden oynayıp oynamadığı; 0,1 eşiğine göre.

  • Toplam Engelleme Süresi (TBT)

    Script’lerin sayfanın yanıt vermesini ne kadar süre engellediği; Interaction to Next Paint (INP) metriğinin laboratuvardaki karşılığı.

  • Gerçek kullanıcı verileri

    Siteniz Google’ın Chrome UX Report verilerinde yer alacak kadar trafik alıyorsa, 75. yüzdelik dilimdeki LCP, INP ve CLS değerleri.

  • Ağır ve gereğinden büyük görseller

    150 KB üzerindeki ya da gösterildiği boyuttan çok daha büyük görseller ve geç yüklenen (lazy-load) ana görsel.

  • Sayfa ağırlığı ve istekler

    Toplam indirme boyutu, istek sayısı ve bunların üçüncü taraflardan gelen payı.

  • Oluşturmayı engelleyen dosyalar

    İlk boyamayı geciktiren script’ler ve stil dosyaları.

Neler alırsınız

  • Her sayfa için eşik değerleriyle birlikte ölçülen sonuçlar
  • Her sayfadaki en ağır dosyalar, boyuta göre
  • Etki sırasına göre, platformunuza özel çözümler
  • Her bulgu için hazır bir yapay zekâ prompt’u
  • Geliştiricinizle paylaşabileceğiniz bir PDF

Rapor nasıl hazırlanır

  1. 1

    Her sayfa, orta segment bir telefonu taklit eden yeni bir tarayıcıda; yavaş 4G (150 ms gecikme, 1,6 Mbps) ve 4× yavaşlatılmış CPU ile yüklenir.

  2. 2

    Sitenizin kaynağına (origin) ait gerçek kullanıcı verileri için Google’ın Chrome UX Report verileri sorgulanır.

  3. 3

    Nedenler, performansa ne kadar mal olduklarına göre sıralanır ve çözümleriyle birlikte yazılır.

Örnek rapordan bulgular

Yaygın sorunlar içerecek şekilde kurguladığımız hayali mağaza Harbor & Pine için gerçek çıktı.

Örnek raporun tamamını açın
  • Problem

    The main content appears slowly on phones

    Largest Contentful Paint reached {time} on {path} in our phone test (good is under 2.5 s).{"time":"{s} s{\"s\":{\"$num\":8.3,\"digits\":1}}","path":"/products/trail-daypack"}

    Fix: Start with the largest image or banner at the top of the page (see the findings below).

  • Problem

    The main image is lazy-loaded

    On {n} page(s) the largest image at the top has {attribute}, which delays it.{"n":1,"attribute":"loading=\"lazy\""}

    Fix: Load the first, largest image eagerly and give it high fetch priority; keep lazy loading for images further down.

  • Problem

    Images larger than they need to be

    {n} image(s) are heavy (over 150 KB) or much wider than they are shown.{"n":2}

    Fix: Upload product and banner images at sensible sizes (around 2000 px wide is plenty) instead of camera originals.

Kapsam dışında kalanlar

  • Masaüstü hızı
  • Sunucu ve hosting yapılandırması
  • Garantili puanlar: laboratuvar sonuçları ölçümden ölçüme değişir

Bu raporla ilgili sorular

Neden yavaş bir telefonda test ediyorsunuz?

Ziyaretlerin birçoğu telefondan gelir ve Google’ın Core Web Vitals metrikleri mobil için ayrıca ölçülür. Hızı kısıtlanmış bir telefon, hızlı bir dizüstü bilgisayarın gizlediği sorunları ortaya çıkarır.

Sitemin Chrome UX Report verisi yoksa ne olur?

Küçük siteler genellikle burada yer alacak kadar trafik almaz. Bu durumda rapor laboratuvar testine dayanır ve bunu açıkça belirtir.

INP ölçülüyor mu?

INP gerçek etkileşimler gerektirir; bu yüzden varsa Google’ın gerçek kullanıcı verilerinden gelir. Laboratuvar testi ise aynı sorunu izleyen Toplam Engelleme Süresi (TBT) değerini raporlar.

PageSpeed puanım bununla aynı olur mu?

Tam olarak değil. Laboratuvar sonuçları ölçümden ölçüme değişir ve araçlar biraz farklı ayarlar kullanır; ancak işaret ettikleri nedenler aynıdır.

İlgili rehberler

Diğer raporlar

Web sitenizi bugün tarayın

Bulun. Düzeltin. Doğrulayın.

Bu ne tür bir web sitesi?

Cevabınız doğru kontrolleri seçer; örneğin online mağazalar için alışveriş yolculuğu. Sitenin kendi kanıtlarını da yine kontrol eder ve ikisini birlikte gösteririz.

Bu ne tür bir web sitesi?

Ücretsiz tarama. Kredi kartı gerekmez.