Sahabat Blogger Semua , Kali ini Tips dan Tutorial akan
membahas 5 Cara Membuat Loading Blog Cepat, dalam hal ini sobat blogger
harus melakukan beberapa penyuntingan atau penyetelan blog dengan tujuan
agar blog tidak megalami lamlo ( lambat Loading ).
Kecepatan loading blog adalah hal yang sangat penting, baik bagi
kenyamanan pengunjung dan juga SEO. Waktu load (load time) yang terlalu lama
dapat membuat pengunjung ngacir sebelum dapat membaca seluruh isi sebuah
halaman. Berikut ini Langkah langkah penyetelan blog untuk mempercepat loading
blog.
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 4. 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.charlesbronson079.blogspot.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.
Sedikit masukan dari Tips dan Tutorial coba optimalkan kelima
element tersebut untuk mempercepat loading blog, Demikian lah Sobat Blogger
Artikel tentang 5 Cara Membuat Loading Blog Cepat, dan ikuti tutorial tutorial
selanjutnya dari Tips dan Tutorial Semoga kawan kawan sukses dan terus
berusaha..salam blogger professional.
0 Comments