Cara Mempercepat Loading Blog Terbaru
Pada saat ini algoritma Google lebih mengarah ke pengembangan kecepatan loading sebuah blog atau website di perangkat mobile seperti smartphone dan tablet.
Oleh karena itu optimasi pada blog lebih dituntut mengoptimalkan tampilan pada perangkat mobile. Namun tentunya kamu juga tidak boleh meninggalkan optimasi blog pada tampilan desktop.
Kecepatan loading sebuah blog sangat mempengaruhi pada beberapa hal, diantaranya adalah, membuat visitor lebih banyak, membuat indexing artikel lebih cepat, dan memiliki nilai bagus di mata mesin pencari.
Oleh karena itu mempercepat loading blog saat ini sangat diperlukan jika ingin blog kamu bertengger di halaman pertama, serta blog kamu memiliki banyak pengunjung.
Cara Mempercepat Loading Blog
Ada beberapa cara untuk mempercepat loading pada blog, diantaranya adalah memilih template yang fast loading, mengkompresi gambar postingan, tidak terlalu banyak memasang javascript dan masih banyak lagi.
Berikut ini saya akan menjelaskan secara detail cara mempercepat loading blog.
1. Gunakan Template Fast Loading
Template blog memiliki peran penting dalam kecepatan loading. Gunakan template seringan mungkin agar memiliki nilai yang bagus di mesin pencari. Semakin bagus kecepatan loadingnya, semakin besar pula manfaatnya bagi blog.
Saat ini ada banyak website atau blog yang menjual template blogger yang responsif dan fast loading dengan harga murah. Bila kamu ingin mencoba template gratisan super fast loading hasil redesign saya, maka silahkan coba template Max JGreen redesign by Max Ikhsan.
2. Kompres Gambar
Tidak bisa dipungkiri bahwa gambar pada postingan menjadi salah satu penyebab blog memiliki loading yang lama. Oleh karena itu kamu bisa mencari ukuran gambar yang pas untuk postingan blog agar artikel yang dibuka baik pada perangkat mobile atau desktop tidak lemot.
Selain itu kamu juga bisa mengompres size dari gambar postingan menjadi lebih kecil agar tidak membebani loading blog. Kamu bisa mencoba cara kompres foto atau gambar untuk postingan blog dengan menggunakan software Adobe Photosop.
Selain itu perhatikan juga pemilihan format gambar yang akan kamu masukan ke dalam postingan. Jika gambar yang dimasukan berupa vektor, maka pilihlah format png, sedangkan untuk foto yang cendrung memiliki banyak warna, maka pilihlah format jpg.
3. Kurangi Penggunaan Javascript
Penggunaan javascript yang terlalu banyak akan berpengaruh pada loading blog. Oleh karena itu gunakan javascript secukupnya saja. Jika ada javascript yang tidak terpakai, maka sebisa mungkin hapus saja.
4. Kurangi Penggunaan CSS
Sama seperti javascript, CSS juga akan menjadi beban loading blog jika penggunaanya terlalu banyak. Maka usahakan gunakan CSS secukupnya, serta kamu bisa kompres CSS untuk mengurangi sizenya.
5. Hindari Penggunaan Background
Pada dasarnya background pada blog adalah gambar yang akan menjadi beban loading blog. Size background pada blog akan menyebabkan kecepatan loading menjadi lebih lama. Untuk mempercepat loading blog agar lebih maksimal maka hindari penggunaan background di blog.
6. Gunakan Lazyload
Lazyload berfungsi untuk menunda pemuatan gambar sebelum scroll halaman. Ini akan sangat membantu blog kamu agar memiliki kecepatan loading yang lebih kencang.
Cara Mempercepat Loading Blog Dengan LazyLoad
Untuk memasang lazyload cukup mudah, pertama masuk Blogger klik menu Tema > tekan ctrl+f > ketik </body>.
Setelah ditemukan maka pasangkan kode ini tepat diatas kode </body>.
<script>
//<![CDATA[
// LazyLoad
function loadScript(d){var o=document.createElement("script");o.src=d,document.body.appendChild(o)}function downloadJSAtOnload(){loadScript("https://cdn.jsdelivr.net/gh/Arlina-Design/phantom@master/lazyarlinas.js")}window.addEventListener?window.addEventListener("load",downloadJSAtOnload,!1):window.attachEvent?window.attachEvent("onload",downloadJSAtOnload):window.onload=downloadJSAtOnload;
//]]>
</script>
<img src='//www.blogger.com/img/icon_delete13.gif'/>
src='data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs='i
<img class='lazy' data:src='//www.blogger.com/img/icon_delete13.gif'src='data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs='/>
<img class='blogger lazy' data-src='//www.blogger.com/img/icon_delete13.gif' src='data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs='/>
Selesai, silahkan kamu cek blog di Google speed insight atau GTmatrix, maka dijamin loading blog kamu akan lebih cepat berkali - kali lipat.
Memiliki blog yang fast loading, responsive dan SEO friendly sangat dianjurkan pada saat ini karena selain bisa membuat blog disukai pengunjung, hal tersebut juga bisa mempertahankan pengunjung blog secara konsisten. Untuk itu semoga ulasan cara mempercepat loading blog ini bisa bermanfaat.
Posting Komentar