Cara Mempercepat Loading Blog
19.31.00
55 Komentar
Cara Mempercepat Loading Blog - Mempercepat loading blog memang ini yang diinginkan oleh para Blogger, dengan memiliki sebuah blog yang memiliki loading blog yang super cepat ini akan menjadi salah satu keunggulan sekaligus point pertama yang didapatkan oleh blog tersebut. Dengan memiliki loading blog yang cepat maka visitor atau pembaca blog ini tentu saja akan senang dan betah berada pada blog Anda. Untuk membuat blog Anda lebih cepat cara yang paling utama adalah mengganti Template Blog Anda dengan template blog yang fast loading atau super cepat, selain itu jangan menambahkan beberapa widget yang tidak dibutuhkan atau menambahkan musik dalam sebuah blog, karena ini akan memperlambat loading blog Anda.
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 :
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...
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, dan untuk Anda yang ingin menggunakan gambar sebagai background blog silahkan baca artikel berikut Cara Mengganti Background Blog Menggunakan Gambar.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...
Makasih untuk tips-nya sobat. Langsung dicoba ...
BalasHapusiya silahkan sob, makasih sudah mampir
Hapusmakasih banyak penjelasanya gan
Hapusterima kasih, sangat bermanfaat utk optimasi web saya www.sukses-bahagia.com
BalasHapussama-sama sob...
Hapussilahkan lakukan optimasinya.,,
Terimakasih gan atas infonya di atas
BalasHapusvisit blog saya di http://jebret-cerot.blogspot.com/
oke, sama-sama mas...
Hapuscompres html, java script dan css nya, dan optimalkan alt image yg kita upload ke blog itu juga akan menambahkan kecepatan blog...terimkasih mas...call back... www.zoneaceh.com
BalasHapusiya bisa mas, 1 spasi juga ada pengaruhnya loh
Hapusgan blog ane kok berat banget gan... coba cek gan di abu-maryana.blogspot.com
BalasHapuskebanyakan widget kali, susun lagi tuh CSS dan HTMLnya
HapusLebih lelet ane gan : http://joseandreasluk1.blogspot.com/ -__-
HapusMas coba deh mampir ke blog saya menurut kamu blog saya gimana berat atau nggk?? Tolong diberinsaran dan solusinya ya
BalasHapusoke,
Hapussaya rasa loading udah cukup hanya saja kurang penggunaan animasi dan iframe
Terima kasih infonya gan.... Izin praktik
BalasHapusWorks gan.. ane pasang yang lazy loadnya ternyata nambah kec. thanks.
BalasHapusArtikel yg bagus, langsung saya terapkan,
BalasHapusvisit blog saya balik http://aneuknanggroe007.blogspot.com/
wah sangat berguna infonya, terimakasih gan
BalasHapusboleh jg di coba nie, tipsnya
BalasHapusapa ada script khusus untuk memperkecil ukuran gambar di postingan gan ?
BalasHapusbiasanya sebelum posting gambar, gambar itu di compress terlebih dahulu.
Hapuskalau untuk khusus di halaman posting ya gak ada.
anda bisa menggunakan tools onlline untuk memperkecil resolusi gambar melalui URL,yang bagus pakai Smushit.
HapusAtau gunakan kode
canvas, img {
image-rendering: optimizeSpeed;
image-rendering: -moz-crisp-edges;
image-rendering: -webkit-optimize-contrast;
image-rendering: optimize-contrast;
-ms-interpolation-mode: nearest-neighbor;
}
latakkan di atas ]]>
untuk blog flexible,blog wallpaper dan blog games:
.image {
image-rendering: optimizeSpeed; /* Legal fallback */
image-rendering: -moz-crisp-edges; /* Firefox */
image-rendering: -o-crisp-edges; /* Opera */
image-rendering: -webkit-optimize-contrast; /* Chrome */
image-rendering: optimize-contrast; /* CSS3 Proposed */
-ms-interpolation-mode: bicubic; /* IE8+ */
}
terima kasih atas kolom komentarnya
wow thanks bgt gan infonya ;) sangat membantu, tdinya blog sy bener2 lemot bgtt, sekarang lumayan sih haha, walaupun masih lemot jg. Gan, klo lgi senggang kunjungi blog sy y, minta komentarnya apa menurut agan lemot atau engga, makasih =D
BalasHapusmantap,,,, nice info gan,,,
BalasHapusNice artikel sob ;)
BalasHapusterima kasih infonya :)
BalasHapusSalah satu yang memperberat blog gambar gan, saya biasanya selalu mengkompress gambar sebelum di upload, juga ukuran gambar gan dan juga jangan terlalu banyak widget, jika tidak terlalu berguna lebih baik widget dihilangkan, terima kasih infonya gan
BalasHapusTerima aksih artikelnya,, perlu penataan lagi blog saya setelah membaca artikel ini... buat menambah jumlah pengunjung...
BalasHapusUntuk lazyload, ada efek sampingnya gak gan ? :(
BalasHapusMungkin cara ini bisa di coba gan. Yaitu dengan merubah file gambar ke format base64 toolnya ada di blog neng webtool31. Di jamin wusssssst gambarnya karena gambarnya tak ada htttp nya jadi lebih cepat sob blognya..
BalasHapusterutama bagi toko online yang menggunakan banyak gambar
widget ikan ku bikin berat ternyata, makasih info sob
BalasHapusini penting banget, kecepatan loading mempengaruhi visitor untuk lanjut buka artikel lain atau menutup
BalasHapusscript lazy load nya lumayan gan :D
BalasHapusscript lazy load nya lumayan gan :D
BalasHapusSaya mau nambahin mas,
BalasHapusMemercepat loading blog dengan menghilangkan widget.css. :)
1. Cari kode:
<b:skin><![CDATA[
2. Block semua kode css di bawah kode poin nomor 1 sampai kode ini:
]]><![CDATA[]]><![CDATA[*/]]></b:skin>
4. Di bawah kode poin nomor 3 tambahkan kode ini:
<style type='text/css'> Letakkan kode css yang ada di notepad tadi di sini </style>
:) Sekedar info, widget.css merupakan kode bawaan blogspot sendiri yang dapat dihilangkan karena tidak terlalu berfungsi.
Ada lagi mas tambahannya,
Memercepat loading blog dengan menghilangkan widget.js
1. Cari kode </body>
2. Ganti kode tersebut dengan kode ini:
<!--</body>--></body>
terimakasih tambahannya mas :D
HapusThank gan Infonya
BalasHapusThank gan Infonya
BalasHapuswah berhasil. thanks ya
BalasHapusjoss kotos kotos kata mbk shoimah.hehe
BalasHapusMaaf gan mau bertanya,, kalo cara membuat blog ringan di akses lewat hp (operamini) gmana yah ?
BalasHapussoalnya blog ane tidak bisa di buka di opeamini kayaknya berat ??
kalo lewat browser bawaan bisa di buka ?
gimana ya terimakasih
Pake HTML Compressor juga bisa gk mas?
BalasHapusada efeknya gk buat blog kalo pake HTML Compressor?
kalau htmlnya di compress saya sarankan, di compress per bagian atau per fungsi, misalnya bagian header dulu yang dicompress, jangan langsung semuanya ya, nanti bisa acak-acakan kodenya.
Hapusuntuk html compressor juga lumayan buat ngilangin space, jadi semua kode nempel di pojok kiri atau rata kiri, jadi ngilangin spasi yang ada sebelumnya.
oke mas, terima kasih
Hapuskalo menurut mas sendiri, lebih baik komentar disqus atau komentar blogger?
alasan saya menggunakan komentar blogger karena kalau menggunakan komentar blogger kita bisa menambahkan tag title pada nama komentator, dan tag alt pada foto komentator, sehingga tidak akan ada url dan gambar yang kehilangan tag title dan gambar
Hapustips yang bagus mas, punya saya kadang penggunaan memory sampai over limit, jadi lemot.
BalasHapusMas Subdomain berpengaruh tidak ya dalam kecepatan akses domain utama ?
BalasHapusWah keren, terima kasih gan ilmunya
BalasHapusSelain harus memasang script yg sudah mas tuliskan di poin 3. Kita juga harus merubah sedikit kode untuk menyisipkan gambarnya.
BalasHapusYang semula kurang lebih seperti ini:
<img src="URL GAMBAR" alt="SOMETHING"/>
menjadi seperti ini:
<img class="lazy" data-original="URL GAMBAR" width="LEBAR GAMBAR" height="TINGGI GAMBAR"/>
wah mantap om, thanks ilmunya :D
Hapusmakasih om atas ilmunya. akan saya pratekan langsung om. sekali lagi trimaksih.
BalasHapusoke gan,,,sama-sama semoga bermanfaat
Hapuswaduh.. telat baca nih... pantesan blog saya rada lemot, ternyata widget nya terlalu banyak.... matursuwun gan info nya tentang mempercepat loading blog... nice
BalasHapusnah itu, jangan banyak banyak pasang widget mas, apalagi sampai pake animasi hujan, pasang lagu, dan script flash lainnya
Hapuscuma kadang kalau blognya tampil terlalu cepat, pada gadget... iklan adsensenya malah ndak nongol ... (mjungkin telat nongol), setelah refreh atau klik artikel lainnya baru iklan adsensenya nongol...
BalasHapusTks info artikelnya.