Penganalisis Air Terjun File HAR
Unggah file .har yang diekspor dari DevTools browser Anda untuk melihat air terjun permintaan nyata yang dibuat dari data waktu masing-masing permintaan, ditambah pemeriksaan header cache yang hilang, respons yang tidak terkompresi, dan skrip pemblokiran render.
Hasil
File HAR (Arsip HTTP) adalah ekspor JSON dari semua yang direkam panel Jaringan DevTools browser selama pemuatan halaman: setiap header permintaan dan respons, ukuran persis dan jenis MIME dari setiap isi respons, dan perincian waktu per permintaan. Anda dapat membuatnya dari Chrome, Firefox, Edge, atau Safari dengan membuka DevTools, memuat ulang halaman di tab Jaringan, lalu mengklik kanan daftar permintaan dan memilih "Simpan semua sebagai HAR dengan konten". Alat ini membaca file yang diekspor secara langsung — tidak ada yang diambil ulang atau diminta ulang.
Bagan air terjun dibangun seluruhnya dari data yang sudah ada di dalam file: objek pengaturan waktu setiap entri memecah permintaan menjadi fase diblokir, pencarian DNS, koneksi, negosiasi SSL/TLS, pengiriman, tunggu (waktu hingga byte pertama), dan fase penerimaan, dan setiap fase digambarkan sebagai segmen berwarnanya sendiri. Sesuai dengan spesifikasi HAR, waktu SSL juga disertakan di dalam koneksi, sehingga dikurangi terlebih dahulu — jika tidak, porsi TLS akan dihitung dua kali dan lebar batang tidak lagi sesuai dengan durasi sebenarnya permintaan. Penanda vertikal putus-putus menunjukkan DOMContentLoaded dan Load, dibaca langsung dari pengaturan waktu halaman file itu sendiri, sehingga Anda dapat melihat dengan tepat permintaan mana yang diselesaikan sebelum halaman menjadi interaktif.
Di luar bagan, alat ini menjalankan tiga aturan pencarian pada bidang yang sudah dicatat oleh format HAR. Ini menandai respons yang dapat di-cache (status 200, 203, atau 206) yang tidak membawa header Cache-Control atau Expires, artinya kunjungan berulang harus mengunduh ulang respons tersebut dari awal. Ini menandai respons tekstual — HTML, CSS, JavaScript, JSON, SVG, dan sejenisnya — lebih besar dari 1 KB yang disajikan tanpa Pengodean Konten, peluang kompresi mudah yang dapat diaktifkan sebagian besar server dengan satu baris konfigurasi. Dan ini menandai permintaan CSS atau JavaScript yang dimulai sebelum offset DOMContentLoaded halaman itu sendiri, tanda tangan klasik dari aset yang memblokir render.
Semua ini berjalan pada data yang sudah ada di file yang Anda unggah — tidak ada akses jaringan, tidak ada layanan pencarian eksternal, dan tidak ada pengambilan ulang halaman asli. File HAR dibaca, diurai, dan dirender seluruhnya di tab browser Anda dan tidak pernah diunggah di mana pun.
File dan masukan Anda tidak pernah keluar dari perangkat ini. Pemrosesan berjalan sepenuhnya offline. 100% Aman.
Format & Aturan yang Diterima
- Air terjun permintaan yang dirender kanvas diwarnai berdasarkan fase waktu, dengan penanda DOMContentLoaded dan Load.
- Tiga kelompok temuan berbasis aturan: header cache tidak ada, respons teks tidak terkompresi, dan kandidat yang memblokir render.
- Sepenuhnya offline: file .har yang diunggah diurai dan dianalisis seluruhnya di browser Anda — tidak ada yang dikirim ke mana pun.
Manfaat Utama
Kasus Penggunaan
- • Diagnosis mengapa halaman terasa lambat dengan mengunggah file HAR yang diekspor dan membaca perincian waktu per permintaan yang sebenarnya alih-alih menebak-nebak dari rekaman layar.
- • Audit strategi cache situs dengan menemukan setiap respons yang dikirimkan tanpa header Kontrol Cache atau Kedaluwarsa dan akan diunduh ulang pada setiap kunjungan berulang.
- • Temukan CSS atau JavaScript yang memblokir render sebelum menjalankan audit kinerja penuh dengan memeriksa permintaan mana yang dimulai sebelum DOMContentLoaded dalam file HAR yang diambil.
Nilai alat ini
