Cara Agar Loading Blog Cepat

Cara Agar Loading Blog Cepat - Halo selamat sore, kali ini saya akan membagikan Cara Agar Loading Blog Cepat. Pernahkah kalian membuka blog dan loading blog tersebut lama atau bahkan loading terus-menerus. Tentunya kalian akan merasa tidak nyaman didalam blog tersebut dan ingin segera meninggalkan blog tersebut. Ada beberapa hal yang membuat blog tersebut menjadi loading blog tersebut lama. Biasanya adalah penggunakan kode HTML dan JavaScript yang berlebihan membuat loading blog menjadi lambat, pengaturan atau pemakaian kode css yang salah juga bisa berpengaruh terhadap loading blog. Terlalu banyak iklan juga bisa menjadi penyebab loading blog lambat.

Jika kalian banyak menggunakan kode HTML atau javascript dan diletakkan di sidebar sebelah kiri, itu akan membuat loading blog terasa sangat berat, kenapa ?

karena browser selalu membaca blog berurutan dari kiri atas sampai kiri bawah, kemudian akan berlanjut ke bagian kanan atas sampai kanan bawah, dan bagian footer atau bawah blog tentunya yang akan kebagian terbaca paling akhir.

Jadi saya sarankan gunakanlah template dengan kolom postingan yang terletak di sebelah kiri, atau jika kalian menggunakan sidebar di sebelah kiri, usahakan jangan terlalu banyak memakai kode HTML atau Javascript di sebelah kiri karena akan membuat loading blog jadi sangat berat.

Berlanjut pada topik utama kita, kompress kode css ini bisa kita lakukan secara manual maupun dengan menggunakan tools kompress css yang sekarang sudah banyak tersedia di internet. Saya akan berikan contoh kasusnya, perhatikan kode css berikut ini :

a:link {color:#006699;  text-decoration:none;}a:visited {color:#006699;  text-decoration:none;}a:hover {color:#006699;  text-decoration:underline;}#main .post-body a:link {color:#006699;  text-decoration:underline;}#main .post-body a:visited {color:#006699;  text-decoration:underline;}#main .post-body a:hover {color:#006699;  text-decoration:none;}

kode css diatas adalah kode standard yang biasa kalian jumpai di HTML template, jika saya kompress secara manual maka hasilnya akan seperti dibawah ini 

:a:link,a:visited,#main .post-body a:hover {   color:#006699;   text-decoration:none   }   a:hover,#main .post-body a:link,#main .post-body a:visited {   color:#006699;   text-decoration:underline   }

apa yang membedakan kedua bagian diatas ? jika kalian cermat melihat seluruh kode css yang paling atas (sebelum saya kompress) bahwa semua bagian dalam kurung {....} yang membedakan hanya dua bagian yaitu pada penulisan text-decoration:none dan text-decoration:underline. Pemakaian spasi juga sangat berpengaruh dalam penulisan css, jika saya rapatkan maka hasilnya menjadi seperti berikut ini :

a:link,a:visited,#main .post-body a:hover{color:#006699;text-decoration:none} a:hover,#main .post-body a:link,#main .post-body a:visited{color:#006699;text-decoration:underline}

Untuk mengkompress kode css pada template, kalian tidak perlu susah payah mengkompress-nya secara manual, karena sekarang sudah banyak tools gratisan yang menyediakan fasilitas kompress css, salah satu yang biasa saya gunakan adalah  situs CSS Compressor.

Mungkin itu saja untuk Cara Agar Loading Blog Cepat, jika ada yang kurang jelas silahkan tanyakan melalui komentar. Semoga artikel ini bermanfaat dan terima kasih,