Kurangi Jumlah Komponen di Halaman Anda
Permintaan HTTP adalah bagaimana browser meminta untuk melihat halaman Anda. Ketika halaman web Anda memuat di browser, browser mengirim permintaan HTTP ke server web untuk halaman di URL. Kemudian, ketika HTML dikirimkan, browser mem-parsingnya dan mencari permintaan tambahan untuk gambar, skrip, CSS , Flash, dan seterusnya.
Setiap kali melihat permintaan untuk elemen baru, ia mengirim permintaan HTTP lain ke server. Semakin banyak gambar, skrip, CSS, Flash, dll. Bahwa halaman Anda memiliki lebih banyak permintaan akan dibuat dan semakin lambat halaman Anda akan dimuat. Cara termudah untuk mengurangi jumlah permintaan HTTP pada halaman Anda adalah tidak menggunakan banyak (atau sebagian) gambar, skrip, CSS, Flash, dll. Tetapi halaman yang hanya teks itu membosankan.
Cara Mengurangi Permintaan HTTP Tanpa Menghancurkan Desain Anda
Untungnya, ada beberapa cara Anda dapat mengurangi jumlah permintaan HTTP, sambil mempertahankan desain web berkualitas tinggi yang kaya.
- Gabungkan File - Menggunakan style sheet eksternal dan skrip penting untuk menjaga mereka dari bogging down load halaman Anda kali, tetapi tidak memiliki lebih dari satu file CSS dan satu file skrip.
- Gunakan CSS Sprite - Saat Anda menggabungkan sebagian atau seluruh gambar Anda ke dalam sprite, Anda mengubah beberapa permintaan gambar menjadi satu. Kemudian Anda hanya menggunakan properti CSS latar belakang-gambar untuk menampilkan bagian dari gambar yang Anda butuhkan.
- Peta Gambar - Peta gambar tidak sepopuler dulu, tetapi ketika Anda memiliki gambar bersebelahan, mereka dapat mengurangi beberapa permintaan gambar HTTP menjadi hanya satu.
Gunakan Caching untuk Meningkatkan Waktu Muat Laman 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 Anda, maka ketika pembaca Anda pergi ke halaman internal itu, gambar sudah diunduh dan di cache . Jadi mereka tidak akan memerlukan permintaan HTTP untuk memuat gambar-gambar itu di halaman interior Anda.