Web sunucumun gzip yapıp yapmadığını kontrol etmekle meşgulüm. Gzip'in şu anda olduğundan eminim, krom içerik kodlamasını gösterir: gzip başlığı.
Chrome geliştirici araçlarında bir dosyanın ne kadar sıkıştırıldığını görmenin kolay bir yolu var mı?
Chrome'da sıkıştırma miktarını görmenin kolay bir yolu var mı?
Yanıtlar:
2017 için güncellenmiş cevap : Evet.
Chrome Geliştirici Araçları'ndaki Ağ sekmesindeki boyut sütunu, gzip, brotli ve gelecekte ne olursa olsun, hem sıkıştırılmış hem de sıkıştırılmamış boyuta sahiptir. Örneğin:
Burada sıkıştırılmış boyut 242 KB, sıkıştırılmamış boyut 1.1 MB'dir
Her ikisini de görmek için büyük istek satırları gösteren Devtools'a sahip olduğunuzdan emin olun . Ağlara özel araç çubuğundaki "Görünüm" seçeneklerinde ilk simgedir.
Teşekkürler. Bunu kaçırmak kolay. Bir "büyük istek satırları kullan"
—
tıklamanız gerekiyor
Ayrıca sütun başlıklarını sağ tıklayıp "İçerik Kodlama" Yanıt Başlığını gösterebilirsiniz. Bunu yaptıktan sonra, tüm cevapları hızlı bir şekilde almak için sütuna göre sıralayabilirsiniz.
—
üçüncü kişi
Bugüne kadarki en kolay yöntem çevrimiçi bir araç kullanmaktır. GIDZipTest size çok fazla ayrıntı gösterir: orijinal boyut, sıkıştırılmış boyut ve sıkıştırma yüzdesi.
Ancak, biraz çaba ile Chrome'da mümkündür. (En son Chrome için güncellendi, Eylül 2011.)
Geliştirici Araçları'nda "Ağ" sekmesine gidin ve sayfayı yeniden yükleyin. Sol sütunda getirilen tüm dosyaların bir listesini göreceksiniz. Soldaki uygun sayfayı / dosyayı, ardından sağdaki bölmede "Başlıklar" sekmesini tıklayın.
"Tepki Başlıkları" altında "İçerik Kodlaması: gzip" ve ardından "İçerik Uzunluğu" başlığını görmelisiniz. Bu sıkıştırılmış içeriğin boyutudur.
Sıkıştırılmamış boyutu bulmak daha zordur. Statik dosyalar sunuyorsanız, sadece boyutunu kontrol edebilirsiniz. Dinamik içerik için, HTML'yi bir metin düzenleyiciye kopyalayıp yapıştırmanız ve tam boyutunu kontrol etmek için kaydetmeniz gerekir.
"kaynak izlemeyi etkinleştir" nerede?
—
Pacerier 24:11
@Pacerier: Chrome'un en son sürümünde biraz farklıdır; Cevabımı yeni talimatlarla güncelledim.
—
Hoşnutsuz Goat
Temiz aracı. Google App Engine uygulamam tarafından gönderilen yanıtların neden sıkıştırılmış boyutu göstermediğini anlayamadım. SDK (yani localhost) tarafından gönderilen yanıtlar buluttan gelen yanıtlar ise sıkıştırılmaz. Anlaşılan, Chrome mükemmel çalışıyor.
—
Evan Plaice
2017 Güncellemesi
Büyük simgeler kullanırken, chrome dev araçları ağ sekmelerinde sıkıştırma öncesi ve sonrasında boyut gösterir.
Web sunucumda gzip'i kapatıp açarak onayladım.
Chrome'daki bir webkit bir hata nedeniyle kusurlu olduğunu duydum.
Y Yavaş Eklenti firefox için büyük bir iş yapar. Çalıştırırken Bileşenler sekmesine gidin ve değerlerini istediğiniz bileşen türünü genişletin. Orijinal boyutunu ve gzip boyutunu gösterir.
Bu, özellikle Chrome için bir araç değildir, ancak HTTP trafik / başlık bilgilerini kontrol ederken Fiddler'ı kullanıyorum . Harika bir araçtır, herhangi bir tarayıcıda çalışır ve ücretsizdir!
Artık Fiddler'in bir Chrome sürümü de var!
—
karlbecker_com
Bunu önerdiğin için teşekkürler. Fiddler "sıkıştırılmamış boyut" göstermiyor, ancak "CompressionSavings" ve "CompressionSavings%" için sütun eklemenize izin veriyor. ==> "Sütunları Özelleştir" ==> "Çeşitli" ==> "Alan Adı" açılır menüsünü sağ tıklayarak ekleyin.
—
JasonS,
Genel bir google aramasından hala buraya gelen herkes için (benim yaptığım gibi), Firefox’un modern sürümlerinde "devredilen" sütununu ve "Boyut" sütununu karşılaştırarak "ham" ve gzip boyutunu doğrudan devtoollerinden görmek mümkündür. "Boyut", yanıtın ham boyutudur, "Aktarılan boyut", aşağıdaki resimde olduğu gibi, gzip durumunda gerçek boyuttan daha düşük olabilen, yanıt için aktarılan verilerin gerçek boyutudur cevabın müşteride önbelleğe alınmış olması durumunda.
Content-Lengthbaşlık ile karşılaştırabilirsiniz.