Sobat BLOGGER. Sudah tidak bisa dipungkiri lagi bahwa salah atu faktor utama yang harus diperhatikan para blogger adalah kecepatan loading blog atau situs website. Hal sudah banyak sekali di kemukakan 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 EKTRIM dampak dari kecepatan loading terhadap trafik dan pagerank, silakan baca artikel berikut [klik di sini].
Cara Mudah Mempercepat Loading Blog
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:
- 1. Decrease the size of your images or use thumbnails that link to the full-size image.
- 2. If you use third party images, consider uploading them to Picasa Web Albums via the Blogger post editor.
- 3. 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.
Cara Merubah Background dengan Kode Warna HTML
1. Masuk akun blogger
2. Pilih template > Edit HTML
3. Temukan (Ctrl+F) kode body {background:# ....}
3. 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. Silakan pilih warna lain di Kode Warna HTML.
2# Optimasi Remove Render-Blocking JavaScript
Untuk menangani masalah ini, silakan baca petunjuk dari google njeh, sudah lengkap sekali kok.
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.
- SL Super Fast (Best blogger template 2015)
- SL Wuss V2
- SL Wuss V3
- SL Wuss V4
- SL Wuss Neo 2015
- Pro Adsence V1
- SL Geer
- SL Papper
Demikian tips mempercepat blog kali ini. Semoga bermanfa'at.
Good luck and happy blogging!
Salam (http://forumblogindo.blogspot.com)
0 comments:
Post a Comment