Lupakan Traffik Jika Loading Blog Lambat

Lupakan Traffik Jika Loading Blog Lambat | Ini Pesan dari Master SEO, jika blog Ente lambat jangan harap pengunjung mau datang, yang ada sekali buka langsung tutup dan itu memperburuk rate website di mata Search Engine.

Lalu Cara Mengoptimalkan nya Rubah Templete yang lambat menjadi Fast Responsive atau paling tidak mengolah kode HTML, CSS, Javascript bisa dikompres lah menjadi Low tapi Responsive. caranya sbb:

1. Cara Mengkompres Templates

• Edit Template dan pilih 'edit HTML'
• Copy semua file yang ada atau gunakan tombol CTRL+A lalu CTRL+C / copy sebagian yang diperlukan untuk di Compress tapi sebelumnya di backup dulu data nya agar mudah jika terjadi error pada templatenya.
• Buka Link ini untuk Compress HTML nya HTML Compressor
• Lalu Paste File yang udah di CTRL+C tadi
• Lalu Clik "Compress HTML"
• Setelah itu hasil Compress di copas kedalam HTML template nya

2. Cara Memperkecil CSS
Sama seperti langkah diatas yaitu:

• Edit Template dan pilih 'edit HTML'
• Copy Kode CSS template yang di inginkan tapi sebelumnya di backup dulu data nya agar mudah jika terjadi error pada templatenya.
• Buka Link ini untuk Compress CSS nya CSS Compressor
• Lalu Paste File yang udah di CTRL+C tadi
• Lalu Clik "Compress" 
• Setelah itu hasil Compress di copas kedalam HTML template tepatnya di mana CSS tadi diambil, atau biasanya format letaknya di antara tag <b:skin><![CDATA[ dan ]]></b:skin>.

Contoh:

<b:skin><![CDATA[

#header-wrapper{width:900px;margin:0 auto}

#header-inner{background-position:center;margin-left:auto;margin-right:auto}

#header{float:left;width:550px;text-align:left;color:#468;margin:0}

#header2{float:right;width:430px;margin-right:0px;text-align:left;color:#466}

]]></b:skin>

Keterangan : Warna biru adalah CSS yang akan dicompress.

3. Cara memperkecil Script java/Java-Script.

Java Script sangat berguna untuk memperindah atau menambah widget yang diperlukan namun jika terlalu banyak di tampilkan di website maka browsing lama loadingnya. sebaiknya yang perlu-perlu saja di pasang, atau jika memang memungkinkan ubah script yang diletakkan di widget diletakkan di "Edit HTML" saja. atau jika bisa upload saja filenya di https://drive.google.com. atau jika tidak pusing, bisa gunakan tool ini sebagai alternatif untuk simpan kode Java Script http://yourjavascript.com

4. Cara Menampilkan Jumlah Post di home page per post.
di home page atau menu halaman utama bila terlalu banyak menampilkan jumlah post juga bisa mempengaruhi kecepatan loading. caranya Atur berapa posting yang seharusnya ditampilkan di homepage.bisa 5-7 post/page untuk mempercepat loading blog. tentukan jumlah kata per posting yang ada di home page misalnya 160 kata lalu di ikuti dengan tambahan read more.

5. Cara Perkecil Ukuran Size Gambar

Gambar sangat dibutuhkan untuk menambah keindahan pada postingan artikel namun harus disesuaikan besaran nya, kalo terlalu besar akan memperlambat proses loading dari artikel yang diposting. cara penghematannya ialah dengan mengatur gambar setelah diupload, dipengaturan gambar saat gambar di Klik ada ukuran yang sudah ditetapkan yaitu small, medium, large, x-large dan original size. dan cara mudah untuk mengecilkan gambar sesuai keinginan maka kita cuma perlu merubah beberapa bagian menggunakan ukuran kode script. 

Contohnya:

Jika Format Kode HTML Script seperti gambar diatas adalah:

<a href='http://www.taukah.com'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVKIYheB1UYp4xKJ7mprLcp43n87AuzZ2f6gvsFrrCyOyHzXO36lpttABYit7tM-CDj3JmGeyROargT828p1SZQ0Qlhf1DmtHzPMTk6zi28k1nVTkQS1IDbWHL8VIFm7i_ZYIujkPPBN_L/s400/highway1.jpg' width='100' height='80'></a>

Maka Untuk mengatur (memperbesar/memperkecil) ukuran gambar, ubahlah angkanya sesuai yang dikehendaki. (ganti angka pada tulisan warna merah). maka hasilnya akan sama dengan yang dikehendaki.

dan ada lagi cara mengkompress gambar sebelum diupload yaitu:

• Cara Mengkompress Memperkecil gambar yang berformat JPG/JPEG bisa gunakan Tool Online ini : http://jpeg-optimizer.com
• Cara Mengkompress Memperkecil gambar yang berformat PNG bisa pula gunakan Tool Online ini:  https://tinypng.com

6. Script Lazyload

Kata Orang Script ini jika dipasang di "Edit HTML" akan mempercepat loading blog, caranya dipasang diatas kode </head>.kode Scriptnya sbb:

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js' type='text/javascript'/>
<script src='http://googledrive.com/host/0B2fPWv1fLnEnSjZSNUdIaXhscEk' type='text/javascript'/>
<script type='text/javascript'>
 $(function() {
    $('img').lazyload({
      placeholder : "http://2.bp.blogspot.com/-sJ-tZahntLI/T9coeqmdqMI/AAAAAAAADUQ/ztxIT1Fht4g/s1600/grey.png",
        effect      : "fadeIn",
        threshold   : 100
     });
 });
</script>

Sudah ada 6 Cara Mempercepat Loading Blog Post, jika dari cara 1 sampai dengan 6 udah diterapkan maka bisa test kecepatan blog dengan menggunakan tool dibawah ini:

• www.developers.google.com/speed
• www.tools.pingdom.com
• www.gtmetrix.com
• www.webpagetest.org
• www.cloudmonitor.ca.com
• www.pagescoring.com

Semoga Blognya Momuju