Digital Transformation

Client Hints (User-Agent Client Hints)

Vito Atmo
Vito Atmo·25 Mei 2026·0 kali dibaca·3 min baca

TL;DR: Client Hints adalah header HTTP modern (Sec-CH-UA, Sec-CH-UA-Mobile, Sec-CH-UA-Platform) yang menggantikan parsing User-Agent string lama. Server bisa minta info perangkat secara eksplisit dan terstruktur, mengurangi fingerprinting sekaligus mempermudah deteksi mobile, desktop, atau platform tertentu. Per 2026, Chromium sudah mem-freeze User-Agent string lama, sehingga Client Hints menjadi cara baku untuk content negotiation berbasis perangkat.

Apa itu Client Hints?

Client Hints adalah mekanisme di mana server meminta browser mengirim potongan informasi tertentu lewat header HTTP. Tradisinya, server membaca User-Agent string panjang untuk menebak browser, OS, dan device. Cara itu rapuh karena string berbeda-beda dan mudah dipalsukan. Client Hints memecah info itu menjadi header terpisah, seperti Sec-CH-UA-Mobile: ?1 (boolean true untuk mobile) atau Sec-CH-UA-Platform: "Android".

Header default yang dikirim Chrome tanpa permintaan: Sec-CH-UA, Sec-CH-UA-Mobile, Sec-CH-UA-Platform. Header tambahan seperti Sec-CH-UA-Platform-Version atau Sec-CH-UA-Model baru dikirim kalau server pasang response header Accept-CH: Sec-CH-UA-Model.

Cara Kerja

HeaderContoh NilaiDefault?
Sec-CH-UA"Chromium";v="120", "Not?A_Brand";v="24"Ya
Sec-CH-UA-Mobile?0 atau ?1Ya
Sec-CH-UA-Platform"Android", "Windows", "macOS"Ya
Sec-CH-UA-Platform-Version"14.0.0"Opt-in
Sec-CH-UA-Model"Pixel 8"Opt-in
Sec-CH-UA-Arch"arm", "x86"Opt-in

Server pasang Accept-CH di response untuk minta header tambahan di request berikutnya, dan Critical-CH agar Chrome langsung melakukan request ulang dengan header tersebut tanpa render dulu.

Kenapa Penting

Untuk marketer dan developer Indonesia, Client Hints relevan karena dua alasan praktis. Pertama, sebagian besar visitor Indonesia datang dari mobile Android, dan deteksi yang akurat memungkinkan adaptive image atau layout. Kedua, User-Agent string lama akan terus di-freeze, jadi script analytics atau A/B testing yang masih parsing UA akan pelan-pelan rusak. Dalam beberapa proyek Vito Atmo, migrasi dari UA parsing ke Client Hints menyederhanakan logika deteksi sekaligus mengurangi ukuran kode middleware. Lihat panduan resmi di Chrome Developers: User-Agent Client Hints.

Pertanyaan Umum

Apakah Client Hints aktif di semua browser?

Tidak. Chromium-based (Chrome, Edge, Opera, Samsung Internet) sudah full support. Safari dan Firefox masih konservatif, mereka mengirim subset terbatas. Untuk fallback, server bisa tetap baca UA string lama, tapi jangan diandalkan.

Apakah Client Hints mengurangi privacy?

Justru sebaliknya. Header default minim info, dan header detail hanya dikirim kalau server eksplisit minta lewat Accept-CH. Ini memberi user-agent lebih banyak kontrol dibanding UA string lama yang serba-tahu.

Bagikan