Mempercepat Loading Blog Dengan Defer Image

3:40:00 PM
loading...

Mempercepat Loading Blog Dengan Defer Image - Halo teman-teman blogger atau sobat blogger ketemu lagi dengan saya Anak Sembada. Yah, kali ini saya akan membagikan trik agar mempercepat loading blog dengan defer image. Blog pasti tidak pernah lepas dengan namanya image,baik itu image postingan atau image yang mendukung isi blog. Nah,sebenarnya image ini bisa berpengaruh ke loading blog bila kita tidak hati-hati sewaktu  menguploud ke blog mau itu size gambarnya yang besar atau pun kualitas imagenya rendah. Tapi disini Anak Sembada tidak akan membahas masalah kualitas image tapi saya akan memberikan trik masalah agar loading blog tidak berpengaruh karena masalah image. Oke kita langsung ke tempat kejadian perkara.

Mempercepat Loading Blog Dengan Defer Image

1. Buka Blogger
2. Pada dashboard klik Template > Edit HTML
3. Cari kode </body>
4. Lalu copykan kode CSS dibawah ini tepat diatasnya.

<script type='text/javascript'>
// Defer Image
for(var imgDefer=document.getElementsByTagName("img"),i=0;i<imgdefer.length;i++)imgdefer[i].getattribute("data-src")&&imgdefer[i].setattribute("src",imgdefer[i].getattribute("data-src"));< code="">
</script>

5. Dan yang terakhir simpan Template.

Baca juga : Cara Membatasi Jumlah Posts di Halaman Pencarian

Oke teman-teman itu lah trik agar mempercepat loading blog dengan defer image. Semoga bermanfaat.

Terima kasih.

Artikel Menarik Lainnya

Next Article
Next Post
Previous Article
Previous Post
Penulisan markup di komentar
  • Untuk menulis huruf bold gunakan <strong></strong> atau <b></b>.
  • Untuk menulis huruf italic gunakan <em></em> atau <i></i>.
  • Untuk menulis huruf underline gunakan <u></u>.
  • Untuk menulis huruf strikethrought gunakan <strike></strike>.
  • Untuk menulis kode HTML gunakan <code></code> atau <pre></pre> atau <pre><code></code></pre>, dan silakan parse kode pada kotak parser di bawah ini.

Blogger
Disqus
Pilih Sistem Komentar Yang Anda Sukai

No comments

Formulir Kontak

Name

Email *

Message *