Searching...
Home , , → Cara Mempercepat Loading Blog

Cara Mempercepat Loading Blog

Cara Mempercepat Loading Blog - Ficri Pebriyana
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 :

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.com

3. 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() {
    $(&#39;img&#39;).lazyload({
      placeholder : &quot;http://2.bp.blogspot.com/-sJ-tZahntLI/T9coeqmdqMI/AAAAAAAADUQ/ztxIT1Fht4g/s1600/grey.png&quot;,
        effect      : &quot;fadeIn&quot;,
        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...

49 Komentar Untuk "Cara Mempercepat Loading Blog"

Makasih untuk tips-nya sobat. Langsung dicoba ...

Balas

iya silahkan sob, makasih sudah mampir

Balas

terima kasih, sangat bermanfaat utk optimasi web saya www.sukses-bahagia.com

Balas

sama-sama sob...
silahkan lakukan optimasinya.,,

Balas

Terimakasih gan atas infonya di atas
visit blog saya di http://jebret-cerot.blogspot.com/

Balas

oke, sama-sama mas...

Balas

compres 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

Balas

iya bisa mas, 1 spasi juga ada pengaruhnya loh

Balas

gan blog ane kok berat banget gan... coba cek gan di abu-maryana.blogspot.com

Balas

kebanyakan widget kali, susun lagi tuh CSS dan HTMLnya

Balas

Mas coba deh mampir ke blog saya menurut kamu blog saya gimana berat atau nggk?? Tolong diberinsaran dan solusinya ya

Balas

oke,
saya rasa loading udah cukup hanya saja kurang penggunaan animasi dan iframe

Balas

Terima kasih infonya gan.... Izin praktik

Balas

Works gan.. ane pasang yang lazy loadnya ternyata nambah kec. thanks.

Balas

Artikel yg bagus, langsung saya terapkan,
visit blog saya balik http://aneuknanggroe007.blogspot.com/

Balas

Lebih lelet ane gan : http://joseandreasluk1.blogspot.com/ -__-

Balas

wah sangat berguna infonya, terimakasih gan

Balas

apa ada script khusus untuk memperkecil ukuran gambar di postingan gan ?

Balas

biasanya sebelum posting gambar, gambar itu di compress terlebih dahulu.
kalau untuk khusus di halaman posting ya gak ada.

Balas

anda bisa menggunakan tools onlline untuk memperkecil resolusi gambar melalui URL,yang bagus pakai Smushit.

Atau 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

Balas

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

Balas

mantap,,,, nice info gan,,,

Balas

Salah 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

Balas

Terima aksih artikelnya,, perlu penataan lagi blog saya setelah membaca artikel ini... buat menambah jumlah pengunjung...

Balas

Untuk lazyload, ada efek sampingnya gak gan ? :(

Balas

Mungkin 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..
terutama bagi toko online yang menggunakan banyak gambar

Balas

makasih banyak penjelasanya gan

Balas

widget ikan ku bikin berat ternyata, makasih info sob

Balas

ini penting banget, kecepatan loading mempengaruhi visitor untuk lanjut buka artikel lain atau menutup

Balas

script lazy load nya lumayan gan :D

Balas

script lazy load nya lumayan gan :D

Balas

Saya mau nambahin mas,
Memercepat 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>

Balas

terimakasih tambahannya mas :D

Balas

joss kotos kotos kata mbk shoimah.hehe

Balas

Maaf gan mau bertanya,, kalo cara membuat blog ringan di akses lewat hp (operamini) gmana yah ?
soalnya blog ane tidak bisa di buka di opeamini kayaknya berat ??
kalo lewat browser bawaan bisa di buka ?
gimana ya terimakasih

Balas

Pake HTML Compressor juga bisa gk mas?
ada efeknya gk buat blog kalo pake HTML Compressor?

Balas

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.

untuk html compressor juga lumayan buat ngilangin space, jadi semua kode nempel di pojok kiri atau rata kiri, jadi ngilangin spasi yang ada sebelumnya.

Balas

oke mas, terima kasih
kalo menurut mas sendiri, lebih baik komentar disqus atau komentar blogger?

Balas

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

Balas

tips yang bagus mas, punya saya kadang penggunaan memory sampai over limit, jadi lemot.

Balas

Mas Subdomain berpengaruh tidak ya dalam kecepatan akses domain utama ?

Balas

Wah keren, terima kasih gan ilmunya

Balas

Jika Ingin Memasukan Kode Script (CSS, HTML, JavaScript) Silahkan Gunakan Kode Dibawah ini :

1. Untuk Menyisipkan Kode Panjang Gunakan <i rel="pre">Kode Disini</i>
2. Untuk Menyisipkan Kode Pendek Gunakan <i rel="code">Kode Disini</i>
3. Untuk Menyisipkan Quote Gunakan <b rel="quote">Catatan Anda</b>
4. Untuk Menyisipkan Gambar Gunakan <i rel="image">URL Gambar</i>
5. Untuk Menyisipkan Video Gunakan <i rel="youtube">URL Video Youtube</i>
Out Of Topic Show Konversi KodeHide Konversi Kode Show EmoticonHide Emoticon

Terimakasih atas komentar Anda di "Cara Mempercepat Loading Blog"