Monday, 11 June 2012

Cara Mempercepat Loading Blog

 
    Salah satu keingginan Bloger di indonsia menurut ane sih.. yang paling utama adalah membuat Blog mereka terasa lebih cepat proses loding'ya agar para visitor blog mereka merasa nyaman, bener gax?! kalo gax bener tampar ni muka... hehe.

okh lah gx usah kepanjangan bicara'ya entar kaya tukul lagi, baik nieh ane udah sedia'in 5 tips buat blog menjadi cepat dalam proses loding'ya cekidot====>

1. CSS
CSS (Cascading Style Sheets) adalah bahasa styling yang seringkali kita tambahkan pada HTML. Untuk mengurangi ukuran CSS pada template HTML, lakukan kompresi CSS baik secara manual ataupun dengan tool. Fungsinya adalah mengurangi besar file dan waktu baca browser. Lalu, letakkan aturan-aturan CSS di bagian atas.

2. JavaScript
JavaScript memiliki waktu baca yang cenderung lebih lama, sehingga apabila diletakkan di atas, browser akan membaca lebih dahulu, sedangkan elemen yang lain akan menunggu hingga loading tersebut selesai. Akibatnya, elemen yang ingin segera dilihat menjadi terpengaruh, terutama bagian posting/artikel. Oleh karena itu, elemen-elemen yang mengandung javascript (terutama di bagian widget) sebaiknya diletakkan di bagian bawah.
Gunakan widget-widget keluaran Blogger dan Google karena javascript-nya dapat dimuat dengan cepat. Apabila terpaksa harus menggunakan javascript eksternal, upload dan hosting file js-nya hanya untuk penggunaan pribadi. Gunakan layanan upload dan host javascript dengan load cepat dan untuk pribadi.

3. Posts (Bagian Posting)
Pada halaman utama (homepage), jumlah posting atau artikel yang ditampilkan juga mempengaruhi loading blog. Apabila posting/artikel yang ditampilkan terlalu banyak, maka waktu loading pun akanbertambah. Tampilkan artikel-artikel pada halaman utama dengan jumlah yang sewajarnya, misalnya 5. Untuk mengesetnya, buka dashboard >> Design/Rancangan >> klik 'edit' pada badan blog post >> tulis jumlah/angka posting yang ingin ditampilkan. Lihat gambar berikut:



Untuk lebih mengoptimalkannya, potong sebagian isi posting/artikel pada halaman utama dengan menggunakan fitur "auto readmore/baca selanjutnya".

4. Gambar/Image/Picture
Gambar berfungsi untuk memperindah tampilan, memberikan kesan, dan menjadi simbol perwakilan dan interpretasi isi artikel. Namun, gambar yang berukuran besar juga menghambat loading blog, oleh karena itu diperlukan adanya taktik dalam menggunakan gambar. Gambar berformat PNG memang lebih disukai karena transparansinya akan tetapi ukuran file yang dibutuhkan jauh lebih besar tapi usahakan untuk menggunakan gambar berformat JPG. Bila tetap harus menggunakan file gambar PNG, seperti pada header, background  blog maupun posting, kurangi/kompres ukurannya dengan PNG compression tool yg mengurangi kualitas gambar.
Ketka menambahkan gambar pada posting, berikan ukuran yang fixed atau buatlah thumbnail, agar browser dapat langsung membacanya dengan cepat. Misalnya:
<img width="80%" src="http://www.xxxxxx.com"/>
Ini berarti, gambar akan berukuran 80% dari gambar aslinya. Atau bisa juga dengan ukuran pixel (px), misalnya width="100px" height="100 px". Ini untuk membuatnya menjadi thumbnail (gambar preview).
Jika harus mengupload gambar ke pihak ketiga, gunakan situs upload dan hosting gambar yang load-nya cepat, misalnya Photobucket. Lihat pula list situs upload dan hosting gambar gratis lainnya yang bisa juga digunakan untuk gambar favicon (ico).

5. Widget/Gadget
Widget merupakan bagian penting dari sebuah blog. Akan tetapi jika widget yang digunakan terlalu banyak, semakin lama pula waktu loading halaman. Gunakan widget-widget yang penting dan terutama menunjang navigasi. Hindari widget-widget yang tidak begitu penting dan bahkan tidak mendukung isi blog, misalnya widget jam, kalender, photoshow, dan lain-lain. Widget tersebut saya sebut tidak penting karena sebenarnya pengunjung tidak membutuhkan itu, waktu loading jadi lebih berat, dan tidak memberikan efek apapun bagi performa blog.

Demikian 5 cara mempercepat loading blog.. smoga bsa membantu agan2 semua ^^

1 comments: