Tentang 103 Early Hints
Gambaran Umum 103 Early Hints
| Preloading Sumber Daya yang EfisienKode Status HTTP | ||
|
103 Early Hints Gambaran Umum 103 Early Hints adalah kode status HTTP yang memberi tahu klien tentang sumber daya terkait (seperti CSS dan JavaScript) sebelum memberikan respons akhir. Dengan menggunakan kode ini, browser dapat memuat sumber daya yang relevan sebelumnya, meningkatkan kecepatan pemuatan halaman secara signifikan. |
||
|
Server menyediakan informasi awal tentang sumber daya yang terkait dengan permintaan. |
||
| Preloading sumber daya adalah mekanisme untuk memuat terlebih dahulu file penting (seperti font, gambar, skrip) yang diperlukan oleh sebuah halaman web. Ini memastikan bahwa sumber daya sudah siap ketika dibutuhkan, mempercepat pemuatan halaman. Sebagai contoh, browser dapat diberi instruksi untuk “mengunduh font ini terlebih dahulu,” yang membuat tampilan menjadi lebih lancar. |
Kapan 103 Early Hints Dikembalikan?
- Ketika server membutuhkan waktu untuk menghasilkan respons akhir
- Ketika browser harus memuat terlebih dahulu sumber daya terkait (seperti CSS, JavaScript, gambar)
- Untuk meningkatkan performa web dengan memanfaatkan preloading sumber daya
Contoh 103 Early Hints
Pemberitahuan awal tentang sumber daya terkait
GET /index.html HTTP/1.1 Host: example.com
Contoh respons:
HTTP/1.1 103 Early Hints
Link: </style.css>; rel=preload; as=style
Link: </script.js>; rel=preload; as=script
HTTP/1.1 200 OK
Content-Type: text/html; charset=UTF-8
<html>
<head>
<link rel="stylesheet" href="/style.css">
</head>
<body>
<script src="/script.js"></script>
</body>
</html>
Penjelasan: Server mengembalikan 103 Early Hints, memungkinkan klien untuk memuat sebelumnya sumber daya seperti CSS dan JavaScript. Setelah itu, respons 200 OK biasa memberikan konten HTML.
Peningkatan kecepatan pemuatan halaman
GET /homepage HTTP/1.1 Host: example.com
Contoh respons:
HTTP/1.1 103 Early Hints Link: </main.css>; rel=preload; as=style Link: </analytics.js>; rel=preload; as=script HTTP/1.1 200 OK Content-Type: text/html; charset=UTF-8 [Kandungan HTML dari halaman utama]
Penjelasan: Dengan menggunakan 103 Early Hints, browser dapat mengunduh sumber daya yang diperlukan sebelumnya, meningkatkan kecepatan pemuatan halaman.
Hal-hal yang Perlu Diperhatikan
Hal-hal penting yang harus diperhatikan saat mengembalikan 103 Early Hints:
- Pastikan akurasi respons akhir
103 Early Hintsadalah kode status pelengkap, dan respons akhir (seperti200 OK) harus disediakan dengan benar. - Periksa dukungan klien
Tidak semua browser atau klien mendukung103 Early Hints, sehingga kompatibilitas perlu diperhatikan.
Perbandingan dengan Kode Status HTTP Terkait
Penjelasan tentang kode status yang terkait dengan 103 Early Hints:
- 200 OK: Digunakan ketika permintaan berhasil dan respons lengkap disediakan.
- 102 Processing: Menunjukkan bahwa proses yang panjang sedang berlangsung, berbeda dengan tujuan 103.
Memahami perbedaan ini membantu dalam menggunakan kode status 103 dengan tepat.