HAR Dosyası Şelale Analizörü
Her isteğin kendi zamanlama verilerinden oluşturulmuş gerçek bir istek şelalesinin yanı sıra eksik önbellek başlıklarını, sıkıştırılmamış yanıtları ve oluşturmayı engelleyen komut dosyalarını kontrol etmek için tarayıcınızın DevTools'undan dışa aktarılan bir .har dosyası yükleyin.
Sonuç
HAR (HTTP Arşivi) dosyası, bir sayfa yükleme sırasında tarayıcının DevTools Ağı panelinin kaydettiği her şeyin JSON'a aktarılmasıdır: her istek ve yanıt başlığı, her yanıt gövdesinin tam boyutu ve MIME türü ve istek başına zamanlama dökümü. DevTools'u açarak, Ağ sekmesinde sayfayı yeniden yükleyerek, ardından istek listesine sağ tıklayıp "İçerikli tümünü HAR olarak kaydet" seçeneğini seçerek Chrome, Firefox, Edge veya Safari'den bir istek oluşturabilirsiniz. Bu araç, dışa aktarılan dosyayı doğrudan okur; hiçbir şey yeniden getirilmez veya yeniden istenmez.
Şelale grafiği tamamen halihazırda dosyanın içindeki verilerden oluşturulmuştur: her girişin kendi zamanlama nesnesi, isteği engellenen, DNS araması, bağlanma, SSL/TLS anlaşması, gönderme, bekleme (ilk bayta kadar geçen süre) ve alma aşamalarına ayırır ve her aşama kendi renkli bölümü olarak çizilir. HAR spesifikasyonuna göre, SSL süresi de bağlantının içine dahil edilir, bu nedenle ilk önce çıkarılır; aksi takdirde TLS kısmı iki kez sayılır ve çubuk genişlikleri artık isteğin gerçek süresine eklenmez. Kesikli dikey işaretleyiciler DOMContentLoaded ve Load'u gösterir ve doğrudan dosyanın kendi sayfa zamanlamalarından okunur, böylece sayfa etkileşimli hale gelmeden önce hangi isteklerin tamamlandığını tam olarak görebilirsiniz.
Araç, grafiğin ötesinde, HAR formatının halihazırda kaydettiği alanlar üzerinde üç bulma kuralı çalıştırır. Ne Cache-Control ne de Expires başlığı taşımayan, önbelleğe alınabilir yanıtları (durum 200, 203 veya 206) işaretler; bu, tekrarlanan bir ziyaretin bunları sıfırdan yeniden indirmesi gerektiği anlamına gelir. İçerik Kodlaması olmadan sunulan 1 KB'tan büyük HTML, CSS, JavaScript, JSON, SVG ve benzeri metin yanıtlarını işaretler; bu, çoğu sunucunun tek bir yapılandırma satırıyla açabileceği kolay bir sıkıştırma fırsatıdır. Ayrıca sayfanın, oluşturmayı engelleyen bir varlığın klasik imzası olan kendi DOMContentLoaded dengelemesinden önce başlatılan CSS veya JavaScript isteklerini işaretler.
Bunların tümü halihazırda yüklediğiniz dosyada bulunan veriler üzerinde çalışır; ağ erişimi yoktur, harici arama hizmeti yoktur ve orijinal sayfanın yeniden getirilmesi yoktur. HAR dosyası tamamen tarayıcı sekmenizde okunur, ayrıştırılır ve işlenir ve hiçbir zaman hiçbir yere yüklenmez.