Mempercepat loading blog ini juga termasuk kedalam salah satu teknik SEO On Page, karena kita harus mengedit dan mengolah mulai dari kode CSS, HTML, dan JavaScript yang terdapat dalam blog tersebut, dengan memiliki loading blog yang cukup ringan Anda sudah bisa membahagiakan visitoe blog Anda apalagi dengan memberikan sebuah Artikel Yang Berkualitas visitor atau pembaca blog ini akan sangat senang berkunjung kepada blog Anda. Baiklah untuk mengetahui cara mempercepat loading blog silahkan baca dibawah ini tutorialnya :
Silahkan cek kecepatan loading blog Anda disini :
http://developers.google.com/speed/pagespeed/insights/
Silahkan baca beberapa tips agar blog Anda memiliki loading yang cepat dibawah ini :
1. Memperkecil CSS
CSS ini merupakan sebuah bagian terpenting dalam blog, dengan menggunakan CSS maka tampilan blog akan lebih indah, namun Anda juga harus tau bahwa css yang berantakan dan tidak bermanfaat bisa memperlambat loading blog Anda, jadi silahkan mengkompress css blog Anda agar lebih kecil ukurannya. Kompress CSS (Compress CSS) bisa dilakukan secara manual dan secara instant, namun jika Anda melakukan dengan cara manual Anda perlu hati-hati, karena takutnya ada 1 kode saja yang terhapus tampilan blog akan berubah. Lebih baik gunakan saja sebuah tools yang menyediakan css compressor secara instant Anda bisa mencobanya disini : http://www.csscompressor.com, http://cssoptimiser.com, http://imabblog.com/cssoptimizer/compress.html.2. Memperkecil Ukuran Gambar
Gambar adalah salah satu faktor yang sering ada dalam masalah kecepatan loading blog, pasti dalam semua blog ada sebuah gambar baik dalama hompage maupun dalam sebuah postingan artikel. Gambar yang digunakan atau yang ada pada blog kadang memiliki ukuran yang besar baik dalam ukuran px maupun dalam ukuran kb. Jadi Anda perlu memperkecil ukuran gambar tersebut sebelum diposting pada blog Anda gunanya agar loading blog Anda tidak terhambat oleh gambar yang memiliki ukuran yang besar, untuk memperkecil gambar silahkan Anda bisa mencobanya disini : http://jpeg-optimizer.com3. Memasang Script Lazyload
Pasti ini sudah Anda ketahui dengan menggunakan script ini loading blog Anda akan terasa lebih cepat dibandingkan loading sebelum menggunakan script lazyload. Silahkan simpan kode script lazyload ini diatas kode </head>. Jika Anda merasa setelah memasang kode ini loading blog Anda tetap saja, silahkan hapus kembali kode ini. Berikut adalah script lazyload :<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>
Dengan ketiga cara diatas saya rasa blog Anda sudah memiliki loading yang cukup ringan, namun jika Anda sudah menerapkan kode diatas dan masih saja memiliki loading blog yang lama, silahkan baca lagi untuk menghindari penyebabnya loading blog Anda menjadi lama. Ada beberapa cara lagi agar blog Anda lebih cepat loadingnya silahkan baca dibawah ini :1. Meletakan Script di Akhir
Biasanya Anda suka menambahkan beberapa kode script untuk menambahkan tampilan blog Anda sesuai dengan keinginan Anda, jika Anda akan menambahkan kode script yang berasal dari luar alangkah baiknya simpan diakhir yaitu sebelum kode </body>, namun ada beberapa kode yang memang tidak dapat disimpang diatas kode </body> jadi usahakan untuk mencoba memasang kode script tersebut diakhir dan jika tidak berhasil maka ikutilah petunjuk yang ada. Meletakan script diakhir berfungsi agar situs atau blog tersebut diload dari atas dan biasanya bagian CSS terlebih dahulu hingga kebagian script dan meletakan kode script diakhir ini akan mempercepat loading blog Anda.2. Membatasi Iklan Berlebihan
Mungkin ini sulit bagi Anda yang ingin mendapatkan penghasilan lebih dari blognya, namun perlu Anda ketahui bahwa memasang iklan terlalu berlebihan akan membuat loading blog Anda lebih lama karena script yang diberikan dari pengiklan ini tidak selalu ringan, biasanya dalam banner iklan terdapat sebuah gambar .gif dan perlu Anda ketahui bahwa file .gif ini akan sangat besar ukurannya dan sangat memperlambat loading blog Anda. Pasanglah iklan pada blog Anda sewajarnya saja dan tidak menggangu pengunjung blog.3. Menggunakan Gambar Sebagai Background Blog
Perlu Anda ketahui untuk menggunakan gambar sebagai background blog Anda harus membuat gambar tersebut sekecil mungkin dan tidak terlalu besar karena bagaimanapun dengan menggunakan gambar sebagai background blog akan memperlambat loading blog Anda.4. Membatasi Widget Blog
Denga mebuat sebuah widget baru akan memperlambat loading blog Anda sekaligus menjadikan blog Anda tidak valid html5, untuk menjadikan Valid HTML5 silahkan baca artikelnya. Memasang widget pada blog terkadang memang sangat penting untuk menampilkan blog lebih indah lagi, tetapi jika Anda merasa widget tersebut tidak bermanfaat maka lebih baik mengahpusnya saja karena jika tidak akan memperlambat loading blog Anda, widget yang penting dipasang adalah Widget Popular Post, Recent Post, dan lain-lain.Mungkin dengan cara diatas blog Anda akan menjadi lebih ringan lagi dan tidak memakan waktu yang lama dalam loadingnya, jadi pengunjung bisa lebih nyaman membaca artikel pada blog Anda. Mungkin hanya itu saja artikel meneganai Cara Mempercepat Loading Blog. Kurang lebihnya mohon maaf.
Semoga Bermanfaat...
10 komentar
Write komentarty infonya gan. dah gk lemot lagi blog ane
Replysip kalo gitu gan
Replysip, silahkan gan
Replynice info
ReplyBW back http://www.development-gameindo.ml/
makasih gan atas infonya :D
Replyini yang menjadi masalah blog saya.. blog saya bisa dibilang sedikit berat untuk standar seo blog :) well, makasih infonya gan
Replyiya sama-sama gan, makasih ya udah berkunjung
Replyterimakasih untuk tips mempercepat loading blog nya gan,,, boleh dicoba di blog saya
Replyoke gan, Sama2 :D
ReplyThanks for share it with us
ReplyDroid4apk
Untuk menulis huruf bold silakan gunakan <strong></strong> atau <b></b>.
Untuk menulis huruf italic silakan gunakan <em></em> atau <i></i>.
Untuk memasukan pesan silahkan gunakan <b rel="quote">Pesan Sobat</b>
Untuk menulis kode HTML silakan gunakan Konversi Kode pada kotak parser di bawah ini.
Dan gunakan Emoticon agar komentar terlihat lebih keren.
Emoticon Off Topic