Banyak para blogger di dunia ini yang mungkin gagal dalam hal mengoptimasi loading blog agar lebih cepat dikarenakan banyak hal. Kecepatan suatu blog memang menjadi faktor nomor satu dalam melirik pengunjung sekaligs aspek penting SEO dalam menentukan keberhasilan kita dalam menggaet pengunjung supaya lebih nyaman bernavigasi di blog, dampak baik sebuah blog yang cepat loading terbukti menigkatkan jumlah visitor, comment dan pageview.
Kenapa harus mempercepat loading blog?
karena pengunjung blog datang dari bebagai area dengan berbeda kecepatan internet, sinyal, dan jaringan provider yang digunakan pengunjung. kekurangan dari blog yang lambat/lelet adalah berdampak buruk pada pengunjung yang langsung meniggalkan blog dan mengurangi ratio jumlah pageviews, banyak faktor yang mempengaruhi kelambatan loading sebuah blog antara lain ukuran gambar, ukuran file css& javascript.
tips ini merupakan salah satu hal penting dalam Seo untuk memepercepat loading blog kita, supaya tidak ada lagi pengunjung yang enggan untuk bernavigasi di blog sobat dan memilih langsung kabur dikarenakan menunggu loading blog yang sangat lama dan merupakan salah satu penyebab bounce rate yang pasti sangat tidak baik untuk blog sobat. dari 7 tips ampuh mempercepat loading blog ini hampir 90% loading blog menjadi lebih cepat.
tips ini merupakan salah satu hal penting dalam Seo untuk memepercepat loading blog kita, supaya tidak ada lagi pengunjung yang enggan untuk bernavigasi di blog sobat dan memilih langsung kabur dikarenakan menunggu loading blog yang sangat lama dan merupakan salah satu penyebab bounce rate yang pasti sangat tidak baik untuk blog sobat. dari 7 tips ampuh mempercepat loading blog ini hampir 90% loading blog menjadi lebih cepat.
1. Menggunakan script lazy load
fungsi dari script lazy load ini adalah mempercepat loading gambar pada blog.
banyak yang berhasil menggunakan script ini namun tidak banyak juga hasil yang didapat malah tambah lama loadingnya, jadi jika setelah memasang script ini tembah memperburuk silakan di hapus saja,
berikut tutorialnnya.
- Login ke blogger
- pilih template >> edit html
- centang pada expand template widget
- cari kode </head> untuk mempermudah gunakan ctrl+f
- copy paste script dibaeah ini tepat diatas </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://k-blogger.googlecode.com/files/easy-loading.js' type='text/javascript'/>
<script charset='utf-8' type='text/javascript'>
$(function() {
$("img").lazyload({placeholder : "http://bit.ly/Qv60g5",threshold : 200});
});
</script>
2. Jangan Menggunakan Gambar Sebagai Backgroud
jika sobat menggunakan gambar sebagai background blog segeralah di hapus, Karena memakai sebuah gambar sebagai background blog menyebabkan loading blog lebih lama 50%, untuk menghapus gambar background pada blog simak cara berikut ini.
cari kode body, contoh seperti dibawah ini
body { background: #7AA1C3 url(http://xyz.com/blabla.jpg);width: 980px;hapus kode bercetak tebal diatas seperti url(http://contoh.com/blabla.jpg)
color: #333;
font-size: 14px;
font-family: Georgia;
margin: 0 auto 0;
padding: 0; }
kemudian ganti kode bercetak tebal diatas dengan kode warna html seperti contoh diatas #7AA1C3
3. menggunakan auto read more
tulisan panjang dan juga penuh pada homepage adalah salah satu alasan terbesar mengapa blog sobat memiliki waktu lama saat loading. untuk itu gunakanlah read more,untuk tutorialnya bisa lihat postingan saya sebelumnya cara membuat auto read more dengan thumbnail4. Tampilkan hanya 4-6 posting saja pada homepage
Untuk lebih baiknya janga menampilkan lebih dari 6 posting di homepage, karena akan memakan banyak waktu untuk loading dan tidak terlihat rapih
5. Jangan Terlalu Banyak Menggunakan Iklan
jika sobat blogging hanya untuk mendapatkan uang dengan menampilkana banyak iklan yang terpasang di homepage dari berbagai sumber sesungguhnya sobat telah melawatkan indahnya blogging, jangan jadikan blog sobat sebagai pasar iklan, untuk memaikai iklan batasilah jumlah tampilannya di homepage, agar dapat meringankan loading blog
6. Gunakan link Gambar dari blogger
Seperti posting saya sebelumnya Cara mengupload gambar di blogger, menggunakan link gambar yang di upload di blogger menjadikan 40% loading gambar lebih cepat untuk lebih lengkapnya lihat postin saya sebelumnya
7. Gunakan Gambar Berformat .png atau .gif
Gif merupakan singkatan dari "Graphics Interchange Format" dan png "Portable Network Graphics" kedua format gambar ini banyak didukung oleh semua jenis browser dan memiliki ukuran yang tidak besar,
dari kedua format gambar ini memiliki kelebihan masing-masing
dari kedua format gambar ini memiliki kelebihan masing-masing
CEK HASIL KECEPATAN
langkah ini merupakan penutupan dari artikel ini sekaligus membantu sobat dalam mengecek hasil score yang didapat setelah melakukan tips diatas menggunakan tools google page speed insight.- buka google page speed
- submit url blog sobat
- berapa score yang didapat sobat dari tools google page speed?, tuliskan ya di kotak komentar (keppo)
- jika sobat mendapat score diatas 80 berarti blog sobat dalam keadang kecepatan yang baik tapi jika hasil score yang didapat kurang dari 80 berarti sobat perlu melakukan optimasi yang lebih
RULE COPAS
jika merasa artikel ini sangat penting untuk di share kenapa tidak tetapi dengan syarat harus izin dan menyertakan link hidup ke blog ini, jika saya menemukan artikel ini di copas tanpa memberikan sumber ke blog ini saya akan masukan kedalam list pencurian konten DMCA WILL TAKEDOWN tanpa pemberitahuan sebelumnya.
bermanfaat banget sob, untuk blog saya yang lelet ..
ReplyDeleteterima kasih sob atas infonya
sukses selalu
sama-sama sob
ReplyDeletesalam blogger indonesia
bermanfaat sekali mas kutunggu kunjungan balik anda di blog saya ya
ReplyDeletesemoga bermanfaat gan,
Deleteterima kasih sudah berkunjung,
sukses selalu
sangat bermanfaat sekali sob buat saya
ReplyDeletesalam blogger
silakan gan, semoga bermanfaat
Deletethanks bgt sob untuk postingannya,,sangat membantu saya,,salam kanal aj bro,
ReplyDeletemakasih sob,
Deletesalam kenal juga
info bermanfaat gan, lumayan buat blog makin ringan..
ReplyDeletekunjungi balik yaa
http://dennysat.com
terima kasih gan
Deletesudah saya kunjungi
mantab banget hlo mas :D
ReplyDeletethank you sob...
ReplyDeletemakasih infonya gan, sangat bermanfaat
ReplyDeleteTerimakasih gan
ReplyDeletesaya kira kurang maksimal jika dalam home page ada artikel, lebih baik 1 artikel , menggunakan lazy load juga kurang baik jika google mengetahuinya blog kita bisa di masukkan ke dalam spam dan akibatnya tahu sendiri kan...http://cara12345.blogspot.com/
ReplyDeleteMakasih sob, emang bener yang background, saya sudah praktekan, tapi kalo lazy load itu legal ilegal ya..., takutnya nanti malah dikira apa
ReplyDeletekunjungi ya...
shinjirarenai2.blogspot.com
script jquery lazy load gak bahaya kok, asal tidak dislahgnakan saja
DeleteDi salah gunakan gimana kang maksudnya? :)
Deleteyang ini saya bingung pertama bikin ini post, saya kira lazyload ini sejenis sama infinite scroll :)
Deleteakhirnya dapet pencerahan http://www.depermana.com/2013/06/bahaya-menggunakan-jquery-lazy-load.html?showComment=1385859842180#c956794260181360750
Thanks Bro sangat bermanfaat .. Hasil yang saya peroleh 82, gimana tu bro?
ReplyDeleteKok komentar2 diatas pada bilang Lazy Load bisa bahaya ???
ReplyDeleteblog saya loadnya lambat >> ilmumum.blogspot.com
Untuk pengertian lazy load. Silakan baca posting saya yg baru
Deletesangat membantu saya sob,..makasih ilmunya deh... :)
ReplyDeletesama-sama sob ;D
Deletenice artikel bang ...
ReplyDeleteiya dong,,hehehe :D
Deletemaksih kk infonya
ReplyDeletegood Job....
ReplyDeleteMakasih om, blog saya jadi ringan sekarang,
ReplyDeleteini blog saya http://iqbalalisofyan.blogspot.com/
sama-sama :D senang bisa membantu
DeleteTerima kasih info nya. bkin blog saya cepet loading nya :D
ReplyDeletewah bermaanfaat gan...
ReplyDelete->>> dailytutorialblog.blogspot.com
SIIPP MAS..
ReplyDeletebermanfaat, ane minta KUNBALnya..
hehehe
ugl-kreatif.blogspot.com
santai aja :D
Deletenice gan... ane dapat 92... hasil yang cukup memuaskan...
ReplyDeletesalam kenal dari filearchive4u.blogspot.com
sangat memmuaskan itu gan :D
DeleteOke gan mantap ^_^
ReplyDeletevisiy my blog oke :v
imanyusufbidin.blogspot.com
oke :D
Deletenilai blog saya 90 sob :D
ReplyDeletemil-info.blogspot.com
Manteb gan ....... , blog ane buka jadi jadi kilat pas bukanya .
ReplyDeleteurl-ar.blogspot.com
iya dong :D
Deletetapi maksud bahayanya di postingan http://depermana-share.blogspot.com/2013/06/bahaya-menggunakan-jquery-lazy-load.html itu apa yah. ?
ReplyDeletekunbal = url-ar.blogspot.com
makasih bro, berguna banget ini :D
ReplyDeletesama-sama juga bro...
DeleteThe page amatan Samudera Wilayah JZ0106ZWC Kab... got an overall PageSpeed Score of 85 (out of 100).
ReplyDeleteThe page amatan Samudera Wilayah JZ0106ZWC Kab... got an overall PageSpeed Score of 85 (out of 100).
ReplyDeleteinformasi yang sangat akurat dan layak untuk di praktekkan gan...
ReplyDeletetrims dan silahkan blogwalking
Wah cocok nih buat saya peace
ReplyDeleteWah.. Infonya sangat jelas dan rinci sekali ya :)
ReplyDeletetengkiuuwwww sobb,, ane dapet score 85 :D
ReplyDeleteAne dapat 91, hahaha...kalau ujian dapat A ni. love
ReplyDeletepunya saya 89 sob.
ReplyDeletemakasih nih atas ilmunya
slow
blog aku belum diapa"in, sudah dapat score 91 gan.. :D
ReplyDeleteBlog Walking...
ReplyDeletehttp://ikmalrapstar2.blogspot.com
yaaa karena masang lazy load dari 93 jadi 90 :(
ReplyDeleteIni mah MBT versi bahasa Indonesianya gan.. gk cape cape translate dulu, kunjung sini aja.. #nicepost kawan
ReplyDeletehehehe, beberpa emang dari MBT :D
DeleteThanks mas artikel nya sangat bermanfaat... hehe punya saya scorenya 90 sob
ReplyDeletewih.. Blognya wuzzz, sukses untuk blognya sob :D
DeleteSangat bermanfaat sob, thanks infonya...
ReplyDeleteBerkunjung : http://cv-sobnet.blogspot.com/
terima kasih sob, moga bermanfaat :D
Deleteterima kasih bro... sangat bermanfaat..
ReplyDeletekunjungi saya balik ya bro
d-t3xfa.blogspot.com
makaseh yah gan buat info'a
ReplyDeletekrn loading blog saya sangat lambat
saya coba deh
semoga jadi tambah wwuuuzz ya loading blog nya :D
Deleteterima kasih tutorialnya, akan saya terapkan di blog pribadi saya bimtri
ReplyDeletesalam sharing
MANTAP WORK 100 PERSEN
ReplyDeleteIZIN COPAS INI ARTIKEL
www.ravandikasite.com
loading load dari blog yulutrip di Google developer
ReplyDelete66 untuk desktop :(
gan ane masih bingung di templete ane ga nemu scrip buat ngehapus backgroud ane
ReplyDeleteada ko nih saya nemu backgound dari template agan http://4.bp.blogspot.com/-lFlng5hQ0gA/UNO-PjnSdvI/AAAAAAAACvU/ubH28GUVqJ8/s1600/background.jpg
Deletemakasih infonya gan, lumayan nih, speedku jadi 93
ReplyDeletekunjungan balik ya gan, smartrending.blogspot.com
boleh di coba nih kebenaran lazy load saya 79.
ReplyDeletehttp://myhobyandmind.blogspot.com/
harap kunbalnya yahhh... (pemula)
thanx broo :D
ReplyDeletesmoga reload blog saya
http://bisnismurah-bisnissukses.blogspot.com/
bisa cepat :D
izin copaz mas bro,, infonya bermanfaat banget wat saya yg baru blajar tentang blog...
ReplyDeleteizin nyoba sob..
ReplyDeletekunjungi juga http://faizalblogs09.blogspot.com/
Trims gan.. Blog ane jadi cepetan karena ente..
ReplyDeleteVisit baliik ya gan.. alvynmuharrom.blogspot.com
bang artikel nya sangat bermanfaat....
ReplyDeletekunjung balik ya...blog ku
http://uchihaikhwan.blogspot.com/
This comment has been removed by a blog administrator.
ReplyDeleteMantap ni artikelnya,
ReplyDeletesangat membantu kawan-kawan blogger lainnya untuk mangatasi loading blog yang lelet.
jangan lupa follow blog kami ya http://meutrap.blogspot.com
terima kasih
:)
makasih gan, :D
Deletenice info gan http://indonesia-attractions.blogspot.com/
ReplyDeleteSangat membantu gan, ditunggu komentarnya di http://kyubhil.blogspot.com/
ReplyDeletekunjungi blog saya yah http://trafagarlaw.blogspot.com/ di tunggu follow back nya gan...saya dah follow..
ReplyDeleteSekarang pertanyaan aku adalah kenapa placeholder gambar lazyloadnya mengarah ke adf.ly? :bingung
ReplyDeleteitu bukan adf.ly gan itu url shortener gan, coba aja dibuka
DeleteOwh maaf,,, heheheh iya iya... Tadi kurang fokus....
DeleteTapi kenapa ndak langsung ke sini ajah?
https://lh5.googleusercontent.com/_u4rBCfM4eII/TXksAi6R_OI/AAAAAAAABZY/2k63Mrtswf0/grey.png
Salam kenal gan!! Trims ya gan buat infonya, semoga blog ane tambah ngacir!!
ReplyDeletetrims gan. lsg saya praktekkan.
ReplyDeletemantap. blog saya jadi ringan dengan ini. makasih bnyak mas sdh membuatkan tutorialnya
ReplyDeletegood, semoga loadingnya bisa selalu cepat.
ReplyDeleteTipsnya sangat membantu, terimakasih. Sukses teruss!
ReplyDeleteSalam
Eza fitriani
Trims untuk artikelnya...
ReplyDeleteIni merupakan artikel yang banyak dicari informasinya, sangat membantu pembaca..
mari saling berkunjung ke blog masing2 >> http://obatdarahtinggi.site/ blog kesehatan...
always happy
ReplyDelete