Mempercepat Loading Website dgn Mengurangi http request

Tahukah sobat, diantara salah satu cara optimasi dan mempercepat loading blog atau website adalah dengan mengurangi banyaknya http request. Secara sederhana, http request adalah proses permintaan transfer suatu file dari browser ke server (webhosting) untuk kemudian didownload dan ditampilkan pada browser kita. Dan satu file (sekecil apapun) yang terdownload adalah satu http request. Sehingga ketika kita membuka satu halaman situs, itu artinya kita meminta sekian banyak proses http request dari mulai file stylesheet, gambar, javascript, flash dan lainnya sampai halaman terbuka sepenuhnya. Semakin banyak http request bisa memperlambat akses dan loading suatu halaman. Bagi Anda sobat blogger dan pemilik website sebaiknya mulai memperhatikan hal ini, karena belakangan ternyata google juga mulai menilai kecepatan loading website sebagai salah satu pertimbangannya dalam SEO.

Kaitannya dengan CSS atau stylesheet pada tema yang kita gunakan, seberapa banyakkah tema kita menggunakan gambar, CSS atau javascript? Untuk tema yang minimalis Sobat tak perlu kuatir namun jika sobat menggunakan tema dengan load image, javascript dan CSS yang cukup banyak sebaiknya mulai memperhatikan mengurangi http request di atas. Adapun untuk meminimalisir http request pada CSS kita dapat memanfaatkan image sprite. Image sprite atau disebut pula CSS sprite pada dasarnya adalah menggabungkan 2 atau lebih file image menjadi satu file saja dan mengatur positioning masing-masing bagian gambar dengan CSS. Sehingga jelas dengan image sprite ini http request dapat diminimalisir.

Termasuk blog inipun sudah banyak sekali mengalami perubahan pada tema styleicious ini (sudah ganti) khususnya dengan memanfaatkan image sprite. Sebagai contoh, klik di sini untuk melihat image yang digunakan pada blog ini. Atau selain itu, untuk memangkas banyaknya penggunaan plugin, social media bookmarking seperti yang terlihat pada bagian bawah post inipun dibuat manual tanpa plugin tambahan sekaligus untuk imagenya memanfaatkan image sprite pula, klik di sini untuk melihat gambarnya. Adapun untuk cara membuat social media bookmarking tanpa plugin silahkan simak pula di sini. Sedangkan untuk cara membuat CSS Sprite, silahkan baca cara membuat dan menggunakan CSS sprite.