Sayfa Ağırlığı Analizi
Sayfanızın kaç bayt olduğunu, kaç script ve stil dosyası çağırdığını ve sunucunun ne kadar sürede yanıt verdiğini ölçün.
Tamamen ücretsiz · Kayıt gerekmez · Sınırsız kullanım
Sayfa ağırlığı ne kadar olmalı, hangi kaynaklar yavaşlatır?
Sayfa hızını üç şey belirler: sunucunun ilk yanıt süresi, indirilen toplam bayt ve tarayıcının işlemesi gereken kaynak sayısı. Pratik eşikler şunlardır: HTML gövdesi 150 KB'ın altında olmalı, sayfa 15'ten fazla harici script çağırmamalı ve DOM 1.500 düğümü aşmamalıdır. Bu araç sayfanızın HTML boyutunu, sunucu yanıt süresini, sıkıştırmanın açık olup olmadığını ve kaynak sayılarını ölçer. Not: yalnızca HTML indirildiği için görsel ve script dosyalarının boyutu bu ölçüme dahil değildir.
- HTML eşiği
- 150 KB
- Script eşiği
- 15 harici dosya
- DOM eşiği
- 1.500 düğüm
- Ücret
- Ücretsiz
Sayfa Ağırlığı Analizi sonuçlarını nasıl yorumlamalı?
HTML boyutu neden önemli?
HTML, tarayıcının indirdiği ilk dosyadır ve o inmeden hiçbir şey görünmez. 150 KB üzerindeki bir HTML genellikle gereksiz satır içi stil, tekrarlayan blok yapıları veya sayfaya gömülmüş büyük veri listelerinden kaynaklanır. Sıkıştırma açıksa ağ üzerinden aktarılan boyut çok daha küçüktür, ancak tarayıcının ayrıştırma yükü değişmez.
Dış kaynak sayısı
Her script, stil dosyası, görsel ve iframe ayrı bir ağ isteğidir. Sayının yüksek olması tek başına felaket değildir, ama özellikle mobil bağlantılarda her istek gecikme ekler. Kullanılmayan eklentileri kaldırmak, çoğu sitede tek seferde onlarca isteği yok eder.
DOM düğüm sayısı
Sayfadaki HTML elemanı sayısıdır. 1500 üzeri değerler, tarayıcının her kaydırmada ve her etkileşimde daha fazla hesaplama yapması demektir; bu da orta seviye telefonlarda takılma olarak hissedilir. Genellikle gereksiz sarmalayıcı katmanlardan veya tek sayfaya sığdırılmış çok uzun listelerden kaynaklanır.
Sıkıştırma kapalıysa
Bu, düzeltilmesi en kolay ve etkisi en net maddedir. Apache'de mod_deflate, Nginx'te gzip yönergesi veya barındırma panelinizdeki tek bir anahtar yeterlidir. Metin tabanlı dosyalarda (HTML, CSS, JS) boyutun yaklaşık üçte ikisi kaybolur ve hiçbir şey bozulmaz.
Sık sorulanlar
Çünkü dürüst olmak gerekirse veremeyiz. PageSpeed Insights sayfayı gerçek bir tarayıcıda açar, tüm dosyaları indirir, JavaScript'i çalıştırır ve LCP, CLS, INP gibi metrikleri ölçer. Bu araç ise yalnızca HTML belgesini indirip inceler. Sahte bir hız puanı üretmek yerine ölçebildiklerimizi net biçimde söylüyoruz: belge boyutu, sunucu yanıt süresi, sıkıştırma durumu, kaynak sayıları ve DOM büyüklüğü.
Ölçüm tek bir istekten alınır ve o anki sunucu yükü, önbellek durumu ve ağ koşullarından etkilenir. Ayrıca sunucunuz coğrafi olarak uzaktaysa mesafenin kendisi de süreye eklenir. Anlamlı bir sonuç için birkaç kez ölçüp ortalamaya bakın; tek bir yüksek değere göre karar vermeyin. Yönlendirme zinciri varsa süreye o adımlar da dahildir.
Ölçtüğümüz değerler sunucunun gönderdiği ham HTML için doğrudur, ancak tarayıcıda oluşan son durumu yansıtmaz. İçeriğiniz JavaScript ile üretiliyorsa gerçek DOM düğüm sayısı ve görsel sayısı burada gördüğünüzden çok daha yüksek olacaktır. Bu durum arama motorları açısından da ayrı bir risktir: tarama sırasında JavaScript'in işlenmesi gecikebilir ve içeriğiniz geç indekslenir.