Berbagai Cara Mempercepat Loading Blog

Berbagai Cara Mempercepat Loading Blog

Pernahkah sobat mengunjungi suatu situs atau blog yang kecepatan loadingnya lama ?.Bagaimana jika web/blog sobat sendiri yang mengalami hal terseubt ?
tentunya pengunjung blog sobat sendiri akan merasa geram dan tidak nyaman dengan hal tersebut.

berikut tips cara agar loading blog sobat menjadi lebih cepat.

1. Jangan memakai widget yang tidak terlalu penting

Salah satu penyebab blog menjadi berat dan loadingnya lama adalah pemasangan widget yang terlalu banyak yang dipasang di blog. Memang ada beberapa widget yang wajib ada di blog, tetapi beberapa widget yang kurang memiliki manfaat untuk blog lebih baik dihapus saja. Selain dapat membuat blog lebih cepat loadingnya juga bisa membuat pengunjung blog fokus pada konten blog. Contohnya seperti widget calender, jam, beri makan ikan dll.
jangan sampai karena sobat ingin mempercantik tampilan blog sobat, sobat terlalu banyak menggunakan widget.

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.

 
3. Hindarkan blog dari gambar berukuran besar


Ini tantangan bagi blog yang ingin berkualitas di bidang informasinya , karena blog yang banyak gambar yang bertujuan memperjelas untuk pengunjungnya akan disenangi pengunjung.  Tetapi apabila blog kita terlalu banyak gambar akan memperlambat blog kita dan pengunjung akan merasa kesal , tapi semua itu bisa diatasi dengan memperkecil gambar.

4.  Jangan terlalu banyak memasang iklan

Iklan yang dipasang berlebihan di blog memang sangat berpengaruh dalam loading blog,
karena script yang dijalankan oleh internet dan browser itu sendiri . Fokuslah pada satu iklan saja , seperti affiliasi atau google adsense . Jadi , kita bisa meminimalisir pemakaian script yang berlebihan.


5. Template yang terlalu ramai dengan tampilan

Template blog juga berpengaruh dalam loading page, template yang terlalu ramai dapat menyebabkan loading blog menjadi cukup lambat dikarenakan banyaknya tampilan atau css yang dipakai.
untuk itu sobat harus pandai dalam memilih template yang cocok dan tentunya fast loading.  

Jika langkah diatas sudah dilakukan oleh sobat, mungkin sobat dapat mencoba dengan memasang script Lazyload. 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>. 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>

Jika sobat sudah memasang script diatas dan tidak ada perubahan dalam kecepatan loading blog sobat, bahkan loading blog sobat semakin lama, sobat dapat menghapus script diatas.
sekian sedikit informasi dari saya, semoga bermanfaat ......
 
- Ada sedikit masukan dari sobat Jefry Dewangga

lazy load tak akan bisa berjalan jika atribut yang digunakan pada tag img tidak sesuai dengan aturan pada script tersebut.

Kurang lebih seperti ini kode dan penggunaan atribut tag img yang sesuai dengan aturan Lazy Load tersebut,
<img class="lazy" data-original="img/example.jpg" width="640" height="480">

Untuk membuat efek lazy load atribut src="" harus diganti dengan atribut data-original="", karena prinsip kerja dari efek tersebut adalah ketika browser telah memuat blog kita, java script akan merubah atribut data-original menjadi atribut src.









4 Responses to "Berbagai Cara Mempercepat Loading Blog"

  1. Terima kasih atas infonya. sangat berguna dan membantu saya dalam proses belajar blogging

    BalasHapus
  2. Tutorial pemasangan Lazy Load yang mas tulis itu belum lengkap mas, itu hanya memasang scriptnya saja, lazy load tak akan bisa berjalan jika atribut yang digunakan pada tag img tidak sesuai dengan aturan pada script tersebut.

    Kurang lebih seperti ini kode dan penggunaan atribut tag img yang sesuai dengan aturan Lazy Load tersebut,
    <img class="lazy" data-original="img/example.jpg" width="640" height="480">

    Untuk membuat efek lazy load atribut src="" harus diganti dengan atribut data-original="", karena prinsip kerja dari efek tersebut adalah ketika browser telah memuat blog kita, java script akan merubah atribut data-original menjadi atribut src.

    BalasHapus
    Balasan
    1. terima kasih atas saran dan tambahanya =D sangat membantu ..

      Hapus

Pesan formulir komentar.

Berkomentarlah dengan baik dan benar, kami menerima saran dan kritikan yang sifatnya membangun.