Digital Transformation
Early Hints (HTTP 103)
TL;DR: Early Hints adalah status HTTP 103 yang membiarkan server mengirim header petunjuk seperti
Link: rel=preloadke browser sebelum response final 200. Browser memakai jeda antara generate halaman dan mulai mengunduh aset kritis seperti CSS, font, atau LCP image. Hasil empiris dari Shopify dan Cloudflare menunjukkan perbaikan LCP 20-30% pada halaman dengan TTFB tinggi.
Apa itu Early Hints?
Early Hints adalah mekanisme HTTP 1xx informational response yang distandardisasi oleh RFC 8297. Server mengirim status 103 Early Hints lebih dulu, lalu menyusulkan response final saat halaman siap. Selama jeda itu, browser sudah membaca header Link dan mulai mengunduh aset penting tanpa menunggu HTML pertama tiba. Konsep ini melengkapi resource hint preload dan preconnect tanpa perlu menunggu HTML render dulu.
Cara Kerja
| Tahap | Yang Terjadi |
|---|---|
| Request masuk | Server mulai memproses (query DB, render template, panggil API) |
| 103 Early Hints | Server kirim header Link berisi preload CSS, font, hero image |
| Browser baca hint | Browser mulai unduh aset itu paralel dengan proses server |
| 200 OK final | HTML datang, aset penting sudah ada di cache memory browser |
Kenapa Penting?
Untuk website bisnis Indonesia yang dihost di edge dengan TTFB 200-400 ms, Early Hints memangkas LCP karena browser tidak idle saat menunggu HTML. Sangat membantu di halaman product detail e-commerce atau landing page yang memuat hero image besar. Butuh dukungan CDN seperti Cloudflare, Fastly, atau Vercel, dan Next.js 15 sudah mendukung lewat unstable_after dan response streaming.
Pertanyaan Umum
Apakah Early Hints menggantikan preload tag di HTML?
Tidak. Keduanya saling melengkapi. Early Hints memajukan momen browser tahu aset kritis sebelum HTML siap. Tag <link rel="preload"> tetap dipakai untuk aset yang muncul di tengah halaman.
Browser apa saja yang mendukung?
Chrome, Edge, dan Firefox sudah mendukung sejak 2022. Safari belum stabil per April 2026, jadi Early Hints harus dianggap progressive enhancement.