• Tak Berkategori

Cara Mempercepat Loading Blog 100% Work!

Sobat blogger pasti bingung saat mencari cara mengatasi loading blog yang lambat. Seperti yang kita ketahui, faktor utama yang harus diperhatikan di sebuah situs salah satunya adalah kecepatan loading blog. Namun masih banyak blogger yang belum tahu cara mempercepat loading blog yang mudah. Karena itu, pada artikel kali ini saya akan coba share artikelnya. Silahkan sobat blogger simak dengan baik.

 

 

Cara Mudah Mempercepat Loading Blog

 

“Google sangat membenci loading blog yang berat dan lemot alias lambat”

BACA JUGA : Cara Submit Artikel Agar Cepat Terindex Google

 

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, antara lain :
  1. Jangan menggunakan gambar sebagai background blog
  2. Optimasi Remove Render-Blocking JavaScript untuk Loading Blog
  3. Hapus kode HTML yang tidak diperlukan
  4. 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.
“Gambar dan Media
Gambar lebih, video dan multi-media lain yang Anda miliki di blog Anda semakin lama waktu yang diperlukan untuk memuat. Namun, gambar dan multimedia lainnya adalah penting untuk menarik pengguna untuk blog Anda, sehingga sangat penting untuk mengoptimalkan kecepatan memuat gambar dan media. Berikut adalah beberapa tips untuk meningkatkan kecepatan beban media Anda:
  1. Kurangi ukuran gambar Anda atau menggunakan thumbnail untuk memperbesarnya
  2. Jika Anda menggunakan gambar pihak ketiga, pertimbangkan meng-upload ke Picasa Web Album melalui editor posting Blogger.
  3. Jika Anda memiliki banyak gambar untuk ditampilkan Anda dapat meng-upload semua gambar Anda (dari liburan atau acara) ke Picasa Album dan copy linknya untuk diposting.
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:# ….}
3. Ganti dengan kode berikut 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.

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 :
  • Masuk akun blogger
  • Pilih template > edit HTML
  • Cari dan temukan kode-kode di atas dan hapus
Berikut ini ilustrasinya:
loading
loaeding
Note: Silakan hapus kode yang berwarna kuning pada gambar di atas.
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:
  1. Kunjungi alamat URL berikut Unused CSS
  2. Copas semua kode antara kode <b:skin> dan </b:skin>
  3. Klik “Compress It!”
  4. Akan terbuka halaman baru berisi CSS yang telah di kompresi.
  5. Copas kode hasil kompresi tersebut ke dalam kode diantara <b:skin> dan </b:skin>
  6. 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 :
  1. Resposnive template
  2. SEO template
  3. Fast loading template
  4. 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.
  1. SL Super Fast (Best blogger template 2015)
  2. SL Wuss V4
  3. SL Wuss Neo 2015
  4. SL Brosense
Demikian tips mempercepat blog kali ini. Semoga bermanfa’at.
Good luck and happy blogging!
Sumber : FORUM BLOGGER INDONESIA
Beri Rating

Mungkin Anda juga menyukai

3 Respon

  1. Compress HTML, CSS, dan Javasricpt
    bisa di perjelas gak mas

  2. Sangat bermanfaat.. terutama buat blogger 🙂

  3. kualitas jos berkata:

    keren, dengan menggunakan ini lebih cepat loadingnya

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *

Situs ini menggunakan Akismet untuk mengurangi spam. Pelajari bagaimana data komentar Anda diproses.