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

56 Responses to "Cara Mempercepat Loading Blog"

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

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

    ReplyDelete
    Replies
    1. sama-sama sob...
      silahkan lakukan optimasinya.,,

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

    ReplyDelete
  4. 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

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

    ReplyDelete
    Replies
    1. kebanyakan widget kali, susun lagi tuh CSS dan HTMLnya

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

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

    ReplyDelete
    Replies
    1. oke,
      saya rasa loading udah cukup hanya saja kurang penggunaan animasi dan iframe

      Delete
  7. Terima kasih infonya gan.... Izin praktik

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

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

    ReplyDelete
  10. wah sangat berguna infonya, terimakasih gan

    ReplyDelete
  11. boleh jg di coba nie, tipsnya

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

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

      Delete
    2. 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

      Delete
  13. 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

    ReplyDelete
  14. 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

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

    ReplyDelete
  16. Untuk lazyload, ada efek sampingnya gak gan ? :(

    ReplyDelete
  17. 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

    ReplyDelete
  18. widget ikan ku bikin berat ternyata, makasih info sob

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

    ReplyDelete
  20. 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>

    ReplyDelete
  21. joss kotos kotos kata mbk shoimah.hehe

    ReplyDelete
  22. 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

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

    ReplyDelete
    Replies
    1. 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.

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

      Delete
    3. 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

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

    ReplyDelete
  25. Mas Subdomain berpengaruh tidak ya dalam kecepatan akses domain utama ?

    ReplyDelete
  26. Wah keren, terima kasih gan ilmunya

    ReplyDelete
  27. Selain harus memasang script yg sudah mas tuliskan di poin 3. Kita juga harus merubah sedikit kode untuk menyisipkan gambarnya.
    Yang 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"/>

    ReplyDelete
  28. makasih om atas ilmunya. akan saya pratekan langsung om. sekali lagi trimaksih.

    ReplyDelete
  29. waduh.. telat baca nih... pantesan blog saya rada lemot, ternyata widget nya terlalu banyak.... matursuwun gan info nya tentang mempercepat loading blog... nice

    ReplyDelete
    Replies
    1. nah itu, jangan banyak banyak pasang widget mas, apalagi sampai pake animasi hujan, pasang lagu, dan script flash lainnya

      Delete
  30. cuma 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...

    Tks info artikelnya.

    ReplyDelete

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>

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel

Fast Hosting