TIPS&TRIK MEMPERCEPAT LOADING BLOG

Mempercepat Loading Blog - memang benar bahwa biasanya template blog dengan desain yang di sisipi gambar bervariasi terkadang memiliki tampilan yang elegant dan terlihat cantik. Apalagi jika blog tersebut juga dilengkapi dengan fitur slider, jelas beban loading blog juga akan bertambah ketika terdapat beberapa URL gambar dimasukan kedalam slider tersebut untuk di tampilkan. Namun bagaimana jika gambar yang akan anda upload ke dalam blog memiliki ukuran besar? Bagaimana pula agar gambar tersebut bisa di upload dengan sempurna tanpa mengurangi kualitas gambar? Bukankah jika ukuran gambar di perkecil juga akan berpengaruh terhadap kuliatas gambar, bukankah jernih atau tidaknya suatu gambar tergantung dari ukuran gambar tersebut. 

Hal ini perlu di siasati dengan baik agar agar tetap utuh dan tampil maksimal seperti apa yang sudah dikehendaki dari sebelumnya. Namun banyak pula dari beberapa blogger yang seringkali mengabaikan ukuran gambar dan tetap mengupload gambar namun tidak memperhatikan berapa besar size gambar tersebut. Untuk meringankan beban load gambar didalam blog sebenarnya cukup mudah namun memang butuh sedikit waktu untuk melakukannya. Gunakan bantuan software Photoshop untuk mengatur kualitas gambar. Namun pada saat akan menyimpan gambar jangan langsung klik file lalu Save atau Save As, namun gunakan pilihan “Save for Web & Devices” maka disitu akan banyak pilihan tentang format file dan kualitas gambar yang akan anda simpan. Jika anda akan menyimpan menggunakan format JPEG maka dibawahnya akan terdapat opsi kualitas gambar mulai dari low, medium, high, dll. Entah itu format GIF, PNG, dll gunakan opsi kualitas gambar yang sesuai.

Setelah gambar tersebut sudah di simpan, langkah berikutnya adalah mengupload gambar. Anda harus jeli pada saat akan mengupload gambar, perhatikan berapa besar size gambar yang akan di upload dan perhatikan dimana letak gambar tersebut akan ditaruh. Hal ini yang sering di abaikan sebagian blogger, terutama mereka yang menggunakan fitur slider didalam template blognya. Sekarang kita ketahui dimana anda akan menaruh gambar yang anda upload kemudian akan ditampilkannya. Jika gambar tersebut langsung anda upload ke hosting blogspot kemudian akan ditampilkan didalam postingan blog mungkin itu tidak terlalu menjadi masalah pada proses load gambar baik itu gambar berukuran kecil maupun besar. Namun bagaimana bagaimana jika gambar tersebut berukuran besar dan akan di tampilkan kedalam slider blog, apakah gambar tersebut bisa tampil dengan maksimal? Saya rasa tidak! sebut saja gambar tersebut memiliki ukuran lebih dari 80 KB. Jika pada slider terdapat 5 gambar yang ditampilkan dan masing-masing memiliki ukuran rata-rata 80 KB sudah pasti loading blog akan semakin lambat, bahkan masih untung jika gambar tersebut bisa langsung muncul secara cepat.

Sebenarnya masih ada cara yang lebih baik lagi untuk mengupload dan mengambil URL gambar agar bisa tampil secara cepat di blog, terutama pada slider blog maupun seluruh gambar yang anda masukan kedalam template blog. Dengan mengupload gambar ke Picasa Web Album bisa menjadi solusi yang tepat untuk mengatasi proses load gambar. Mengambil URL gambar dari Picasa Web Album akan sedikit lebih membantu speed load blog anda dalam menampilkan gambar secara cepat. Google support merekomendasikan cara ini untuk mengurangi beban load gambar yang terdapat didalam template blog yang anda gunakan, namun banyak juga blogger yang mengabaikan hal ini atau bahkan sebagian ada juga yang belum tahu sama sekali hal ini. Ini baru di lihat dari segi gambar, belum lagi jika ditambah dengan banyaknya kode maupun jumlah widget yang terdapat didalam template blog. Lamanya oading blog juga dapat dipengaruhi oleh jumlah posting yang ditampilkan pada halaman utama atau homepage blog anda. Untuk mengatasi hal tersebut anda dapat dengan mudah mengedit jumlah posting yang ditampilkan di halaman utama dari Setelan Pos dan Komentar pada dashboard blog.

Sekarang kita tinjau dari segi CSS, copy seluruh kode CSS yang terdapat didalam template blog kemudian compress kode tersebut. Langkah berikutnya untuk mengetahui seberapa banyak jumlah kode yang error maupun tidak berfungsi didalam template blog silahkan tinjau di jigsaw.w3.org dengan memasukan URL blog anda kemudian klik Check. Maka di situ akan menampilkan seluruh kode yang error atau tidak berfungsi didalam template blog anda. Selanjutnya anda bisa memperbaiki kode tersebut atau bisa juga menghapusnya jika tidak penting. Pada tahap ini sekaligus untuk memastikan template blog bahwa sudah valid CSS3.

Setelah CSS terselesaikan dengan benar, sekarang optimalkan juga fungsi javascript. Browser cenderung memakan waktu lebih lama untuk membaca javascript di banding CSS. Apabila javascript di taruh pada bagian atas template blog maka browser akan terlebih dahulu membaca seluruh javascript yang ada, sedangkan sebelum proses loading tersebut selesai maka elemen lain juga harus menunggu sampai proses tersebut selesaikan baru elemen-elemen lain akan terbaca. Untuk mengatasi hal ini sebaiknya jika terdapat widget yang menggunakan javascript sebaiknya di taruh pada bagian bawah template blog. Namun apabila javascript ingin di muat secara eksternal maka usahakan untuk mengupload file javascript tersebut ke layanan host yang di gunakan secara pribadi dan jika ingin menggunakan layanan yang gratis gunakanlah layanan gratis dari google karena dapat memuat dengan cepat.

Untuk melakukan semua langkah di atas juga butuh waktu dengan cukup menguras tenaga dan perlu ketelatenan. Namun jika yang anda lakukan sudah beres dan terselesaikan dengan rapi maka hasilnya bisa anda rasakan dan tentu bisa tergantikan. Untuk mengetahui speed loading sudah maksimal atau belom, anda bisa meninjau diGoogle Insights dengan memasukan URL blog anda kemudian klik Analyze.