Ücretsiz Performans aracı

Site Hız Testi

Sayfanızı yavaş bir 4G bağlantısındaki orta segment bir telefon gibi yükler, ana içeriğin ne kadar hızlı göründüğünü ve sayfanın ne kadar kaydığını ölçer, sayfayı neyin ağırlaştırdığını gösteririz. Google’da siteniz için gerçek kullanıcı verileri varsa onları da görürsünüz.

Ücretsiz. Genellikle bir dakikadan kısa sürede tamamlanır.

Bu araç neleri kontrol eder

  • Yavaş 4G’de bir telefon

    Sayfa Chromium’da Moto G Power sınıfı bir telefon (412 × 823) olarak; 150 ms gecikme, yaklaşık 1,6 Mbps indirme ve 750 Kbps yükleme hızı ve 4× yavaşlatılmış CPU ile yüklenir. Bu, Lighthouse’un mobil testlerde kullandığı profildir.

  • Largest Contentful Paint

    İlk ekrandaki en büyük görselin veya metin bloğunun oluşturulmasının ne zaman tamamlandığı ve bunun hangi öğe olduğu.

  • Cumulative Layout Shift

    Sayfa yüklenirken görünür içeriğin beklenmedik şekilde ne kadar yer değiştirdiği.

  • Total Blocking Time

    Script’lerin tarayıcıyı bir dokunuşa yanıt veremeyecek kadar ne kadar süre meşgul ettiği: her uzun görevin 50 ms’yi aşan kısımlarının toplamı. Interaction to Next Paint metriğinin laboratuvardaki karşılığıdır.

  • Sayfanın indirdikleri

    Görseller, script’ler, CSS ve fontlar olarak ayrılmış toplam bayt ve istek sayısı ile bunların üçüncü taraflardan gelen payı.

  • Ağır görseller ve oluşturmayı engelleyen dosyalar

    150 KB’ı aşan ya da gösterildiği alandan çok daha geniş olan görseller ve ilk oluşturmayı geciktiren CSS ve script dosyaları.

  • Chrome’dan gerçek kullanıcı verileri

    Google’da site için yeterli trafik verisi olduğunda, Google’ın Chrome UX Report verilerinden kaynağınızın telefonlardaki 75. yüzdelik dilim değerleri: LCP, INP ve CLS.

Neleri kontrol edemez

  • Her çalıştırmada aynı sayıları veremez. Laboratuvar sonuçları ağa, sunucu yüküne ve üçüncü taraf script’lere göre değişir; bu yüzden tek tek ölçümleri değil, eğilimleri karşılaştırın.
  • PageSpeed Insights ile birebir aynı sonucu veremez. İkisi de benzer bir telefon profili kullanır, ancak farklı makinelerde ve ağlarda çalışır.
  • INP’yi laboratuvarda ölçemez. INP gerçek etkileşimler gerektirir; bu yüzden laboratuvar testi TBT’yi, saha verileri ise varsa INP’yi gösterir.
  • Her site için saha verisi gösteremez. Chrome UX Report son 28 günü ve yalnızca yeterli Chrome trafiği olan kaynakları kapsar.
  • Girdiğiniz tek sayfadan fazlasını test edemez. Ücretli Performans Düzeltme Raporu 3 temel sayfayı test eder ve nedenleri çözümleriyle birlikte sıralar.

Neden önemli

Ofis Wi-Fi’ında ve hızlı bir dizüstü bilgisayarda anında açılıyormuş gibi görünen bir sayfa, çekimi zayıf orta segment bir telefonda birkaç saniye sürebilir. Bu test tam olarak bu durumu yeniden oluşturur, çünkü ağır görseller ve script’ler en çok burada zarar verir.

Core Web Vitals, Google’ın bu deneyimi ölçtüğü metriklerdir: yükleme (LCP), yanıt verme (INP) ve görsel kararlılık (CLS). Google bunları sıralamada kullanır, ancak iyi bir sayfa deneyiminin alakalı içeriğin önüne geçmediğini belirtir. Asıl büyük etkileri insanlar üzerindedir: yavaş veya kayan bir sayfa, ziyaretçileri daha hiçbir şey okumadan kaybeder.

Nedenler genellikle somuttur: birkaç megabaytlık sıkıştırılmamış bir hero görseli, içerikten önce yüklenen bir canlı sohbet widget’ı, metni gizleyen bir web fontu ya da sayfa göründükten sonra üst kısma eklenen bir banner. Test, LCP öğesini ve en ağır dosyaları adlarıyla gösterir; böylece bunlardan hangisinin sizin için geçerli olduğunu görebilirsiniz.

Sonuçlar nasıl okunur

Largest Contentful Paint (LCP)
2,5 saniyenin altı iyi, 4 saniyenin üstü zayıftır. LCP öğesi bir görselse en çok onun boyutu ve yükleme önceliği önemlidir; metinse web fontlarına ve oluşturmayı engelleyen CSS’e bakın.
Cumulative Layout Shift (CLS)
0,1’in altı iyi, 0,25’in üstü zayıftır. Ekranın ne kadarının ve ne kadar uzağa kaydığını birleştiren, birimsiz bir puandır.
Total Blocking Time (TBT)
200 ms’nin altı iyi, 600 ms’nin üstü zayıftır. Yüksek bir TBT, gerçek kullanıcıların dokunuşlarına yavaş yanıt verileceğinin habercisidir.
Bayt ve istekler
Resmî bir sınır yoktur; hangi türün baskın olduğuna bakın. En büyük payı genellikle görseller alır; üçüncü tarafların payının yüksek olması ise uygulamalara, etiketlere ve widget’lara işaret eder.
Ağır görseller
150 KB’ı aşan ya da gösterildiğinden çok daha geniş indirilen her görsel, dosya boyutu ve ölçüleriyle birlikte.
Oluşturmayı engelleyen dosyalar
Tarayıcının herhangi bir şey gösterebilmesi için önce indirmesi gereken CSS ve eş zamanlı script’ler.
Saha verileri (75. yüzdelik dilim)
Son 28 günde telefon kullanan gerçek Chrome kullanıcıları. 75. yüzdelik dilim, sayfa yüklemelerinin dörtte üçünün en az bu kadar hızlı olduğu anlamına gelir. INP için 200 ms’nin altı iyi, 500 ms’nin üstü zayıftır.
Saha verisi yok
Google’da kaynağınız için yeterli Chrome trafiği yok. Bu, hızınız hakkında hiçbir şey söylemez; laboratuvar sonuçlarına güvenin.

En yaygın sorunlar nasıl düzeltilir

  • Yavaş bir LCP görseli

    Hero görselini gösterildiği boyutta, srcset kullanarak, WebP veya AVIF biçiminde sunun. Geç yükleme (lazy-load) uygulamayın, fetchpriority="high" ekleyin ve bir script’ten veya CSS arka planından yüklemek yerine HTML’e bir img öğesi olarak koyun.

  • Yüklenirken kayan içerik

    Görsellere, videolara ve gömülü içeriklere width ve height öznitelikleri ya da bir CSS aspect-ratio verin. Banner’lar, çerez bildirimleri ve reklamlar için yer ayırın ya da bunları içeriği aşağı itmeyen katmanlar olarak gösterin. Web fontları için font-display: optional veya boyutu eşleşecek şekilde ayarlanmış bir yedek font kullanın.

  • Yüksek Total Blocking Time

    Önce artık kullanmadığınız uygulamaları, etiketleri ve eklentileri kaldırın; bunların script’leri, kullanmayı bıraktıktan sonra da çoğu zaman yerinde kalır. Canlı sohbet, değerlendirme ve analitik araçlarını defer ile ya da sayfa etkileşime hazır olduktan sonra yükleyin. Shopify’da Online Mağaza › Temalar › Özelleştir › Uygulama yerleştirmeleri (App embeds) bölümünü kontrol edin.

  • Oluşturmayı engelleyen CSS ve script’ler

    İlk boyamadan önce çalışması gerekmeyen script’lere defer ekleyin, ilk ekranın ihtiyaç duyduğu az miktardaki CSS’i satır içine alın ve sayfanın kullanmadığı özelliklere ait stil dosyalarını kaldırın.

  • Fazla ağır görseller

    Görselleri yüklemeden önce yeniden boyutlandırın (tam genişlikte bir banner için yaklaşık 2000 px genişlik fazlasıyla yeterlidir) ve sıkıştırın. Shopify ve WordPress, tema istediğinde daha küçük sürümleri otomatik olarak sunabilir; bu yüzden temanızın duyarlı (responsive) görsel boyutları kullandığını kontrol edin.

Bu araçla ilgili sorular

Sonuçlarım neden PageSpeed Insights’tan farklı?

Laboratuvar testleri makineye, ağa ve o ana bağlıdır. PageSpeed Insights, Lighthouse’u Google’ın sunucularında çalıştırır ve yavaş bağlantıyı simüle eder; biz ise hız kısıtlamasını gerçek bir tarayıcıda uygularız. Aynı sayıları değil, benzer aralıkları bekleyin.

İyi bir LCP değeri nedir?

web.dev’e göre sayfa yüklemelerinin en az %75’inde 2,5 saniye veya daha az. 4 saniyenin üstü zayıftır.

Sitem için neden gerçek kullanıcı verisi yok?

Chrome UX Report yalnızca herkese açık olarak keşfedilebilen ve kullanım istatistiklerini paylaşan Chrome kullanıcılarından yeterli ziyaret alan kaynakları içerir. Birçok küçük site bu düzeye ulaşmaz; laboratuvar testi yine de neyin düzeltilmesi gerektiğini gösterir.

Neden masaüstü yerine yavaş bir telefonda test ediyorsunuz?

Çünkü sorunlar ilk önce orada ortaya çıkar. Hızlı bir dizüstü bilgisayar, orta segment bir telefonda saniyelere mal olan ağır görselleri ve script’leri gizler; Lighthouse da mobil testlerinde aynı telefon profilini kullanır.

First Input Delay’e ne oldu?

Interaction to Next Paint (INP), Mart 2024’te Core Web Vital olarak First Input Delay’in yerini aldı. INP yalnızca ilk etkileşimin değil, ziyaret boyunca gerçekleşen etkileşimlerin gecikmesine bakar.

Kaynaklar

İlgili araçlar

Performans Düzeltme Raporu ($55, tek seferlik) ücretsiz taramanın tamamından yola çıkar ve buna daha fazla sayfa, her bulgu için yapılacak değişiklik, bir PDF ve düzeltmelerinizi doğrulamak için yeniden testler ekler.

Performans Düzeltme Raporu hakkında