cara mempercepat loading bogger

11:32:00 AM
Haloo para pembaca tutortatut, kali ini saya akan membahas mengenai blogger dengan loading cepat, baanyak sekali yang ingin memiliki template dengan loading cepat bahkan jika loading blog anda lebih dari 5 detik itu mengakibatkan pengunjung kabur ( berlarian ) dan hasilnya blogger sobat gada yang mengunjungi atau Sepii :)

Bingung sangat bingung cara apa lagi untuk mempercepat loading blogger , padahal template yang di dapat sudah pas cocok masa harus mengganti template lagi, pasti kalian pernah merasa gonta ganti template dan bingung seting navigasi dan segalanya yang berhubungan dengan template :) yukk di simak trik yang satu ini 👌👌👌

gambar by tutortatut.xyz

Navigasi blogger kurang baik.

 jadi salahsatu untuk memper cepat loading blogger adalah navigasi yang tidak jelas, maka dari itu banyak blogger yang gagal mendapatkan akun google adsense bukan karena web/blogger mereka kurang baik atau apa, namun harus anada mengerti yaitu struktur navigasi berantakan  menu dropdown tanpa aturan, artikel tidak tertata rapih, hindari penggunaan menu dropdown berlebihan.

Terlalu banyak Widget.

Memang melihat tampilan yang penuh dengan tataletak kegunaan seperti widget, itu sangat menarik , namun yang perlu anda hindari yaitu menggunakanya berlebihan, semua dari popular, arsip, label, kontak, follow dan lain sebagainya dibuat berurutan (seperti kreta saja 😀😀) namun yang perlu anda ketahui itu penyebab yang membuat loading bogger anda lama, guanakanlah yang terpenting jangan berlebihan sesuai blogger pada umunya.

Compress HTML template 

gambar by google.com


Ya mengcompress adalah salah satu trik yang dapat memperkecil ukuran template kalian, mudah di lakukan tidak memakan waktu mencari suatu kode atau menambahnya, compress ini cukup anda lakukan dengan meng copy di> Template blogger > Edit template> ambil semua kode > lalu paste di compress HTML  , jika kalian ingin mengcompres HTML di harpakan salin dulu backup data kalian agar tidak hilang :) silahkan anda kompres HTML dengan mengunjungi situs tersebut di Compress HTML

Menambahkan kode HTML

Jika menambahkan compress masih gagal cobalah anda menambahkan kode HTML di bawah ini dengan mempastenya di atas kode <Head>.


<script charset='utf-8' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
<script src='http://cuerosb.googlecode.com/files/cueros%20-lazyload.js' type='text/javascript'/>
<script charset='utf-8' type='text/javascript'>
$(function() {
$(&quot;img&quot;).lazyload({placeholder :
&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmIP2LYRjHcvciKB1OYP1RMX95QlH-fl0Wb3ebmpcguQxawlZYJdys_yef-ZlIYlslwZSAudZlnq5MoTy27ee7-daFmZXn2jjgCGUvwObC4bkm48WGIeqfZFKqT4BNWp6X_DdkB0jC3bI/&quot;,threshold
: 200});
});
</script>


Jika dengan kode tersebut malah kebalikanya jangan di lakukan paste kode tersebut, ambil hapus kembali ,namun jika cepat save dan lihat hasil yang ada di blogger sobat.

Hindari gambar dengan ukuran big

menghindari gambar ukuran besar memang sangat di perlukan , compress lah gambar yang besar untuk di masukan ke dalam web/bloger sobat agar hasil lebih maksimal, jadi gunakan gambar secukupnya dan perbaiki ukuran , karena pada saat loading gambar tersebut akan lama membukanya dan membutuhkan waktu yang lumaayan , karena kita harus mempertimbangkan pengunjung yang datang ke blogger kita.

baca juga artikel yang sama : perbandingan penghasilan youtube dan blogger

jika sudah melakukan yang di atas coba anda dengan mengecek page speed di situs GT metrix, jika web kalian mendapatkan pringkat A semua maka web sobat sangat cepat dan bagus , jangan merubah dan menambah yang lain karena sangat jarang web dengan kecepatan loading bagus, jika lamban sebaiknya perbaiki tips-tips dari tutortatut ini, skian dari artikel pendek ini , semoga bermanfaat , baca terus artikel baru lainya :)

Artikel Terkait

Next Article
« Prev Post
Previous Article
Next Post »
Penulisan markup di komentar
  • Untuk menulis huruf bold gunakan <strong></strong> atau <b></b>.
  • Untuk menulis huruf italic gunakan <em></em> atau <i></i>.
  • Untuk menulis huruf underline gunakan <u></u>.
  • Untuk menulis huruf strikethrought gunakan <strike></strike>.
  • Untuk menulis kode HTML gunakan <code></code> atau <pre></pre> atau <pre><code></code></pre>, dan silakan parse kode pada kotak parser di bawah ini.

Disqus
Tambahkan komentar Anda