80% dari waktu respon end-user dihabiskan di front-end. Sebagian besar waktu ini terikat dalam men-download seluruh komponen di halaman: gambar, stylesheet, script, Flash, dll .Mengurangi jumlah komponen pada gilirannya akan mengurangi jumlah permintaan HTTP yang diperlukan untuk menampilkan halaman. Ini adalah kunci untuk halaman lebih cepat.
Salah satu cara untuk mengurangi jumlah komponen dalam halaman adalah untuk menyederhanakan desain halaman. Tapi apakah ada cara untuk membangun halaman dengan konten yang lebih kaya sementara juga mencapai waktu respon cepat? Berikut adalah beberapa teknik untuk mengurangi jumlah permintaan HTTP, sementara masih mendukung desain halaman yang kaya.
Gabungan file adalah cara untuk mengurangi jumlah permintaan HTTP dengan menggabungkan semua skrip ke dalam satu naskah, dan juga menggabungkan semua CSS ke dalam satu stylesheet. Menggabungkan file yang lebih menantang ketika script dan stylesheet yang bervariasi dari halaman ke halaman, tetapi membuat ini bagian dari proses pembebasan Anda meningkatkan respons kali.
CSS Sprite adalah metode yang disukai untuk mengurangi jumlah permintaan gambar. Menggabungkan gambar latar belakang Anda ke dalam satu gambar dan menggunakan CSS background-image background-position dan properti untuk menampilkan segmen gambar yang dikehendaki.
Image maps menggabungkan beberapa gambar menjadi satu gambar. Ukuran keseluruhan hampir sama, tetapi mengurangi jumlah permintaan HTTP mempercepat halaman. Peta gambar hanya bekerja jika gambar yang bersebelahan di halaman, seperti panel navigasi. Mendefinisikan koordinat peta gambar dapat membosankan dan rawan kesalahan. Menggunakan peta gambar untuk navigasi tidak dapat diakses juga, jadi tidak dianjurkan.
Inline Images menggunakan data : skema URL untuk menanamkan data gambar dalam halaman yang sebenarnya. Hal ini dapat meningkatkan ukuran dokumen HTML Anda. Menggabungkan inline gambar ke dalam stylesheet (cached) adalah cara untuk mengurangi dan menghindari membesarnya ukuran halaman Anda karena permintaan HTTP. Gambar inline belum didukung di semua browser utama.
Mengurangi jumlah permintaan HTTP di halaman Anda adalah tempat untuk memulai. Ini adalah pedoman yang paling penting untuk meningkatkan kinerja untuk pertama kalinya pengunjung. Seperti dijelaskan dalam posting blog Tenni Theurer : Browser Cache Usage - Exposed!, 40-60% dari pengunjung harian ke situs Anda datang dengan cache kosong. Membuat halaman Anda cepat bagi pengunjung pertama kali ini adalah kunci untuk pengalaman pengguna yang lebih baik.
| < Prev | Next > |
|---|
Comments