![4 Cara Mempercepat Loading Blog dengan Mudah dan Jitu [Update 2018]](https://4.bp.blogspot.com/-C3J_fnNGdKE/XADr-tn9mmI/AAAAAAAALI8/dun52I-UZ8MFGGnnq07rVttxA9jJg_vKwCLcBGAs/s1600/website_speed.jpg "4 Cara Mempercepat Loading Blog dengan Mudah dan Jitu [Update 2018]")
Sudah tidak bisa dipungkiri lagi bahwa salah satu faktor utama yang harus diperhatikan para blogger adalah kecepatan loading blog.
Jika ingin blog atau website Anda bisa segera top rangking Google, silakan melakukan optimasi kecepatan load web Anda.
Hal ini sudah banyak sekali dikemukakan oleh para web master blogger dunia. Selain daripada itu, kecepatan loading menjadi salah satu faktor SEO yang harus dimiliki sebuah blog yang berkualitas. Misalkan saja ulasan yang disampaikan MBT terkait hal ini. Tak kalah penting alasan yang perlu saya kemukakan topik bahasan ini, yakni:
“Google sangat membenci loading blog yang berat dan lemot alias lambat”.
Untuk memperoleh gambaran ekstrim dampak dari kecepatan loading terhadap trafik dan pagerank, silakan baca artikel sebelumnya.
4 Cara Mudah Mempercepat Loading Blog Terbau 2019
Berdasarkan informasi yang telah saya sampaikan di atas, maka di bawah ini ada beberapa hal yang perlu dilakukan guna mengatasi masalah tersebut.
Ada beberapa cara yang bisa dilakukan guna memepercepat loading blog, antaralain:
- Jangan menggunakan gambar sebagai background blog
- Optimasi Remove Render-Blocking JavaScript untuk Loading Blog
- Hapus kode FTML yang tidak diperlukan
- Hapus CSS yang Tidak Digunakan
Itulah cara mudah yang telah saya terapkan di berbagai template untuk mempercepat loading blog.
1# Jangan Gunakan Gambar sebagai Background Blog
Berikut kata Google berkaitan dengan hal itu:
Images and Media
The more images, videos and other multi-media you have on your blog the longer it will take to load. However, images and other multimedia are important to attracting users to your blog, so it is important to optimize the load speed of your images and media. Here are a few tips to increase the load speed of your media:
Decrease the size of your images or use thumbnails that link to the full-size image.
If you use third party images, consider uploading them to Picasa Web Albums via the Blogger post editor. If you have a large number of images to display, you can upload all your images (from a vacation or event) to a Picasa Web Album and link to the album in your post or sidebar.
Untuk mengatasi hal itu, silakan ganti background blog Sobat dengan kode warna HTML atau kode CSS/HTML.
Cara Merubah Background dengan Kode Warna HTML
1. Masuk akun blogger
2. Pilih template > Edit HTML
3. Temukan (Ctrl+F) kode body {background:# ….}
4. Ganti dengan kode berikut seperti ini:
body {background:#000;}
Catatan:
– Di belakang kode warna biasanya ada kode lain, seperti color:#444 dsb. Jangan sampai kehapus!
– Kode #000 adalah warna hitam.
2# Optimasi Remove Render-Blocking JavaScript
3# Hapus kode HTML yang tidak diperlukan
Kode-kode HTML yang bisa memperngaruhi kecepatan loading blog diantaranya ada empat. Silakan hapus kode berikut, diantaranya:
- Kode <b:include name=’feedLinks’/>
- Kode QuickEdit dan Share Buttom
Cara menghapusnya sangat mudah banget kok, seperti biasa:
- Masuk akun blogger
- Pilih template > edit HTML
- Cari dan temukan kode-kode di atas dan hapus
Berikut ini ilustrasinya:
Note: Silakan hapus kode yang berwarna kuning pada gambar di atas njeh.
Kode-kode di atas selain bermanfaat untuk mempercepat loading blog, juga bisa meningkatkan skor SEO. Lebih lengkapnya, silakan ulas artikel cara membuat skor SEO 100% versi Chkme.
4# Hapus CSS (Cascading Style Sheet) yang Tidak Digunakan
CSS (Cascading Style Sheet) adalah sebuah aturan untuk mengendalikan beberapa komponen dalam sebuah web sehingga akan lebih terstruktur dan seragam. Kode CSS tersebut yang akan memberikan “tampilan dan gaya “khas” dari paraa desainernya.
Untk menemukan kode CSS tersebut, letaknya di antara kode <b:skin> dan </b:skin> di dalam template mode HTML.
Bagaimana cara menghapus kode CSS yang tidak terpakai secara otomatis di dalam blog kita?
Cara cukup mudah. Namun sebelum melangkah ke situ, alangkah baiknya Sobat memerikasa terlebih dahulu template blog yang digunakan, apakh memang terdapat kode CSS yang tidak digunakan atau tidak. Jika memang saih ada, silakan lakukan perbaikan.
Untuk mengecek ada tidaknya kode CSS yang tidak digunakan, langkahnya sebagai berikut:
- Kunjungi alamat URL berikut Unused CSS
- Copas semua kode antara kode <b:skin> dan </b:skin>
- Klik “Compress It!”
- Akan terbuka halaman baru berisi CSS yang telah di kompresi.
- Copas kode hasil kompresi tersebut ke dalam kode diantara <b:skin> dan </b:skin>
- Save template
Ketika kita sudah melakukan kompres terhadap kode CSS tersebut, kode CSS akan menjadi lebih “rapar” dan “ringkas”. Hal itulah yang bisa membantu meningkatkan kecepatan loading blog kita.
Kesimpulan
Ketika kita sudah memutuskan untuk membangun blog yang berkualitas, maka syarat mutlak yang harus kita tentukan pertama kali adalah bagaimana caranya loading blog kita bisa sangat cepat. Maka, pilihlah dengan cermat template yang Sobat gunakan.
Karena tips kali ini terletak di dalam template yang kita gunakan. Jika Sobat bisa bijak dalam memilih template yang fast loading, maka selanjutnya fokus pada konten.
Namun demikian, karena saat ini sudah muncul algoritma terbaru Google berkaitan dengan keberlangsungan sebuah blog atau situs website, maka gunakanlah template yang benar-benar memuat kesemua syarat yang ditentukan oleh google, diantaranya:
- Resposnive template
- SEO template
- Fast loading template
- User friendly template
Empat faktor dasar itulah yang menjadi syarat utama google dalam menilai sebuah website/blog berkualitas dan layak diindek ke dalam search engine atau tidak. Oleh karena itu, gunakanlah template yang memenuhi kriteria google di atas.
Berikut koleksi template dari SL Blogger yang sudah menjalani dan lolos uji kelayakan sesuai kriteria di atas, yakni Responsive, SEO, Fast Loading dan User Friendly.
- MAX SEO – Template SEO Friendly Terbaru 2018
- SL Fastest SEO – Template super cepat yang mampu menaikkan trafik 200%
- SL Style Magz – SEO Killer Blogger Template
- SEO Super Fastest – Template tercepat SL Blogger
- High CTR Adsense – Template SEO Keren Mantab Untuk CTR Adsense
Update
Cara mempercepat loading blog ini sudah saya update di artikel Cara Menghapus CSS bundle, Java Script.
Demikian tips mempercepat blog kali ini. Semoga bermanfa’at, good luck and happy blogging!
Salam (http://forumblogindo.com)
yoi…hahaha
Komentar ini telah dihapus oleh administrator blog.
template saya ada masalah gk ya?
Saya masih pakai template bawaan blog mas.hehehhe
Jdi d jamin lancar.msih newbie
di coba gan.makasih informasi nya
sama-sama mas
Template bawaan blogger itu lebih simple dan saya kira jika dilihat dari segi kecepatannya, sudah tergolong cepat
kalo template bawaan perlu dioptimasi nggak mas ?
masih bingung cara mengompresnya….
ini patut di coba oleh para blogger pemula, termasuk didalamnya saya. makasih ya gan!
sama-sama mbak
Makasih Mas Infonya , Saya Mau Coba