Penganalisis Waterfall Berkas HAR
Unggah berkas .har yang diekspor dari DevTools peramban Anda untuk melihat waterfall permintaan nyata yang dibangun dari data timing setiap permintaan, plus pemeriksaan header cache yang hilang, respons tak terkompresi, dan skrip yang memblokir rendering.
🔒 Diproses sepenuhnya di browser Anda — apa pun yang Anda masukkan di sini tidak akan pernah diunggah.
Hasil
Berkas HAR (HTTP Archive) adalah ekspor JSON dari semua yang direkam panel Jaringan DevTools peramban selama pemuatan halaman: setiap header permintaan dan respons, ukuran persis dan tipe MIME setiap isi respons, serta rincian timing per permintaan. Anda bisa membuatnya dari Chrome, Firefox, Edge, atau Safari dengan membuka DevTools, memuat ulang halaman di tab Jaringan, lalu klik kanan daftar permintaan dan pilih "Simpan semua sebagai HAR dengan konten". Alat ini membaca berkas yang diekspor langsung — tidak ada yang diambil ulang atau diminta ulang.
Diagram waterfall dibangun sepenuhnya dari data yang sudah ada di dalam berkas: objek timing setiap entri menguraikan permintaan menjadi fase blocked, pencarian DNS, connect, negosiasi SSL/TLS, send, wait (waktu ke bita pertama), dan receive, dan setiap fase digambar sebagai segmen berwarnanya sendiri. Sesuai spesifikasi HAR, waktu SSL juga termasuk di dalam connect, jadi waktu tersebut 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 timing halaman berkas itu sendiri, sehingga Anda bisa melihat dengan tepat permintaan mana yang selesai sebelum halaman menjadi interaktif.
Di luar diagram, alat ini menjalankan tiga aturan temuan pada bidang yang sudah direkam format HAR. Alat ini menandai respons yang bisa di-cache (status 200, 203, atau 206) yang tidak membawa header Cache-Control maupun Expires, artinya kunjungan ulang harus mengunduhnya lagi dari awal. Alat ini menandai respons tekstual — HTML, CSS, JavaScript, JSON, SVG, dan sejenisnya — lebih besar dari 1 KB yang disajikan tanpa Content-Encoding, peluang kompresi mudah yang bisa diaktifkan kebanyakan server dengan satu baris konfigurasi. Dan alat ini menandai permintaan CSS atau JavaScript yang dimulai sebelum offset DOMContentLoaded halaman itu sendiri, tanda klasik aset pemblokir rendering.
Semua ini berjalan pada data yang sudah ada di dalam berkas yang Anda unggah — tidak ada akses jaringan, tidak ada layanan pencarian eksternal, dan tidak ada pengambilan ulang halaman asli. Berkas HAR dibaca, diurai, dan dirender sepenuhnya di tab peramban Anda dan tidak pernah diunggah ke mana pun.