Apa Itu File HAR? Pengertian, Fungsi dan Cara Membuatnya

File HAR adalah singkatan dari HTTP Archive, yaitu sebuah format file yang digunakan untuk menyimpan session antar web browser dan web server. Dalam artikel ini, kami akan membahas tentang apa itu file HAR hingga cara mendapatkannya.

Saat mengembangkan aplikasi web, terkadang Anda akan menjumpai beberapa masalah seperti halaman web yang gagal terekspos, gagal login dan lainnya. Terdapat beberapa cara dalam menganalisa kendala aplikasi webnya selain error_log yang di generate server secara otomatis, yaitu menggunakan web browser seperti menu Inspect pada fitur console dan network.

Selain dari menu Inspect, Anda juga dapat melakukan analisa melalui file bernama HAR. Lalu, apa itu file HAR dan bagaiaman melakukan pengecekannya? Simak informasi berikut ini.

Apa itu File HAR?

File HAR adalah dokumen digital yang berisi detail cookies dan informasi sensitif lainnya yang dibuat secara otomatis berdasarkan hasil rekaman di browser Anda. HAR file berguna ketika Anda mengalami kendala pada suatu situs web, misalnya gagal login, sehingga dapat dianalisis lebih dalam untuk menemukan penyebabnya.

Dalam beberapa kasus, jika aplikasi web yang Anda buat berjalan normal tetapi pengguna lain mengalami kendala seperti gagal login atau tidak mendapatkan respons yang sesuai, Anda dapat meminta file HAR untuk dilakukan pengecekan. Ini membantu memastikan bahwa kendala tersebut terjadi pada perangkat pengguna dan bukan disebabkan oleh aplikasi web itu sendiri.

BACA JUGA : Mengenal Apa Itu Ekstensi File beserta Contohnya

Fungsi File HAR

Seperti yang kita ketahui, File HAR menyimpan log aktivitas jaringan dari web browser terhadap web server. HAR file mencakup data seperti konten cookie Anda dan halaman yang diunduh saat proses perekaman.

Setiap orang yang memiliki akses ke file HAR dapat melihat data yang dikirimkan selama proses perekaman. Hal ini mencakup informasi pribadi atau data sensitif lainnya. Karenanya, pastikan Anda mengamankan HAR file dengan baik atau memberikannya kepada pihak yang tepat, seperti pengembang yang membutuhkannya untuk menganalisis kendala yang dialami.

Komponen penting dalam file HAR

Untuk pemula, Anda tidak perlu memahami seluruh isi file HAR. Cukup fokus pada dua bagian utama: log dan entries.

1. Log

Log adalah bagian utama (root) dari file HAR yang berisi informasi umum.

Biasanya mencakup:

• Daftar entries (aktivitas network)
• Versi HAR
• Informasi browser atau tools yang membuat file
• Data halaman (pages)

2. Entries

Entries adalah bagian terpenting, karena berisi daftar semua aktivitas request dan response yang terjadi saat halaman dimuat.

Di setiap entry, Anda bisa melihat:

• Request: method, URL, headers, cookies, dan query
• Response: status code, headers, dan content type
• Timings: proses seperti DNS, connect, SSL, wait, dan receive

Perlu dicatat, struktur HAR yang sering digunakan saat ini berasal dari draft lama. Artinya, ini lebih sebagai referensi struktur yang umum dipakai, bukan standar resmi yang terus diperbarui.

Cara membuat File HAR

Pada bagian ini, kami akan menjelaskan langkah-langkah untuk membuat file HAR secara tepat dari berbagai browser populer, sehingga semua data dapat direkam dengan baik untuk analisis lebih lanjut.

Browser Chrome

1. Buka Browser Chrome dan akses halaman web yang terkendala.
2. Klik tombol “Customize and Control” yang memiliki icon titik tiga di pojok kanan atas, lalu pilih More Tools > Developer Tools.
3. Tab Network(1) > klik tombol rekam(2) > Export HAR(3).

Browser Mozilla Firefox

1. Buka Browser Firefox dan akses halaman web yang terkendala.
2. Clik menu “Open application menu” yang memiliki icon garis tiga di pojok kanan atas, lalu pilih More Tools > Developer Tools.
3. Tab Network(1) > Klik kanan file log “Save All as HAR“(2).

Browser Microsoft Edge

1. Buka Browser Chrome dan akses halaman web yang terkendala.
2. Klik menu “Setting and more” yang memiliki icon garis tiga di pojok kanan atas, lalu pilih More Tools > Developer Tools.
3. Tab Network(1) > klik tombol rekam(2) > Export HAR(3).

Bagi Anda yang penasaran dengan isi HAR file, silahkan membukanya dari aplikasi NotePad ++ atau editor lainnya.

Tips sebelum export HAR

Agar data HAR lebih akurat, ada beberapa pengaturan penting yang sebaiknya diaktifkan sebelum merekam.

Hal utama yang perlu diperhatikan:

• Gunakan mode Incognito untuk menghindari pengaruh ekstensi atau cache lama
• Aktifkan Preserve/Persist logs agar semua request tetap terekam
• Pertimbangkan Disable cache supaya request benar-benar terlihat (seperti kunjungan pertama)

Selain itu, perhatikan checklist sederhana ini saat merekam:

• Reproduce langkah yang sama persis seperti yang dilakukan user
• Catat waktu kejadian dan lokasi (jika relevan)
• Mulai rekam dari awal, sebelum klik atau aksi yang memicu error

Dengan langkah ini, data HAR yang dihasilkan akan lebih bersih dan

Cara membaca file HAR

Saat mulai membaca file HAR, Anda tidak perlu langsung memahami semuanya. Cukup fokus pada dua hal utama: mencari error dan menemukan bagian yang paling lambat.

1. Temukan request yang gagal

Langkah pertama adalah mencari request yang bermasalah.

Perhatikan hal-hal berikut:

• Status code 4xx atau 5xx (menandakan error dari client atau server)
• Request yang stalled terlalu lama
• Response yang kosong atau tidak sesuai

Pada aplikasi web modern, masalah sering muncul di endpoint API, bukan di halaman HTML utama.

2. Temukan resource paling lambat

Langkah berikutnya adalah mencari bagian yang paling memakan waktu.

Cara praktisnya:

• Urutkan request berdasarkan durasi
• Perhatikan resource dengan waktu loading paling lama

Lalu analisis kemungkinan penyebabnya:

• Waktu DNS lookup yang tinggi untuk domain tertentu
• Ukuran file terlalu besar (misalnya gambar atau video)
• Script dari pihak ketiga yang lambat

Dengan pendekatan ini, Anda bisa langsung fokus ke bagian yang benar-benar bermasalah tanpa harus membaca seluruh data HAR dari awal.

FAQ

Berikut adalah beberapa pertanyaan popular tentang apa itu file HAR.

Penutup

File HAR adalah cara paling praktis untuk mendapatkan “rekaman” aktivitas network saat website dibuka. Dengan HAR, Anda bisa berhenti menebak dan mulai menganalisis: request mana yang gagal, resource mana yang lambat, dan pola bottleneck di waterfall.

Namun perlu diingat, file HAR bisa memuat data sensitif. Selalu lakukan redaksi sebelum dibagikan kepada orang lain.