Permintaan HTTP adalah cara browser meminta untuk melihat halaman Anda. Saat halaman web Anda dimuat di browser, browser mengirimkan permintaan HTTP ke server web untuk halaman di URL. Kemudian, saat HTML dikirimkan, browser mem-parsingnya dan mencari permintaan tambahan untuk gambar, skrip, CSS, Flash, dan sebagainya.
Setiap kali melihat permintaan untuk elemen baru, ia mengirimkan permintaan HTTP lain ke server. Semakin banyak gambar, skrip, CSS, Flash, dll. bahwa halaman Anda memiliki lebih banyak permintaan yang akan dibuat dan semakin lambat halaman Anda akan dimuat. Cara termudah untuk mengurangi jumlah permintaan HTTP di halaman Anda adalah dengan tidak menggunakan banyak (atau apa pun) gambar, skrip, CSS, Flash, dll. Tapi halaman yang hanya teks membosankan.
Cara Mengurangi Permintaan HTTP Tanpa Menghancurkan Desain Anda
Untungnya, ada beberapa cara Anda dapat mengurangi jumlah permintaan HTTP sambil mempertahankan desain web yang kaya dan berkualitas tinggi.
- Gabungkan File – Menggunakan lembar gaya eksternal dan skrip penting untuk mencegahnya menghambat waktu pemuatan halaman Anda tetapi tidak memiliki lebih dari satu CSS dan satu file skrip.
- Gunakan CSS Sprite – Saat Anda menggabungkan sebagian besar atau semua gambar Anda menjadi sprite, Anda mengubah beberapa permintaan gambar menjadi hanya satu. Kemudian Anda tinggal menggunakan properti CSS background-image untuk menampilkan bagian dari gambar yang Anda butuhkan.
- Peta Gambar – Peta gambar tidak sepopuler dulu, tetapi ketika Anda memiliki gambar yang berdekatan, peta tersebut dapat mengurangi beberapa permintaan gambar HTTP menjadi hanya satu.
Gunakan Caching untuk Meningkatkan Waktu Muat Halaman Internal
Dengan menggunakan sprite CSS dan gabungan file CSS dan skrip, Anda juga dapat meningkatkan waktu muat untuk halaman internal. Misalnya, jika Anda memiliki gambar sprite yang berisi elemen halaman interior serta halaman arahan, lalu ketika pembaca Anda membuka halaman internal tersebut, gambar sudah diunduh dan dalam tembolok. Jadi mereka juga tidak memerlukan permintaan HTTP untuk memuat gambar-gambar itu di halaman interior Anda.