
Salah satu masalah umum yang kerap ditemui oleh pengguna Blogger adalah sulitnya mengatur expires header (browser caching). Bukan sulit lagi, tapi emang nggak bisa. Berhubung Blogger itu produk Google, jadi status kita cuma nebeng dan nggak bisa mengaturnya sendiri.
Penejelasan Singkat Tentang Cache
Ketika pengungjung pertama kali membuka blog kamu, browser akan melakukan beberapa permintaan untuk men-download semua konten dari blog. Idealnya, semua file tadi disimpan di dalam cache browser si pengunjung. Agar ketika dia kembali mengunjungi blog kamu, semua file bisa langsung diambil dari cache browser. Ini jelas akan meringankan loading blog, karena browser nggak perlu terus-terusan request file-nya ke server. Seberapa lamanya cache tersebut disimpan di browser bisa kamu atur sendiri. Beberapa jenis file yang perlu diatur cache-nya antara lain:- Gambar: jpg, gif, png
- Favicon/ico
- Javascript
- CSS
Itu idealnya ya. Dan itu hanya bisa dilakukan di blog atau website yang memiliki hosting sendiri (self-hosted).
Karena ini Blogger, kamu NGGAK BISA atur expires header tersebut untuk mengontrol cache browser. Maka setiap kali pengunjung membuka blog kamu, browser akan langsung men-download ulang semua file langsung dari server. Maka waktu tempuh yang diperlukan untuk menampilkan halaman blog menjadi lebih lama. Salah satu faktor yang membuat score YSlow di GTmetrix nggak bisa dapet A (100%) kebanyakan ya karena masalah expires header ini.
But no worries. Kamu bisa pake script lazy load image untuk Blogger untuk mengatasi masalah expires header. Efek lainnya, page speed jadi meningkat dan loading blog jadi lebih cepat. Yuk langsung aja ke scriptnya.
Apa Itu Plugin Lazy Load?
Sebuah script yang akan menunda pemanggilan file sebelum dilakukannya aktifitas tertentu. Untuk script Lazy Load Gambar Blogger di artikel ini, pemanggilan file akan ditunda sebelum adanya aktifitas scroll halaman.Cara Memasang Script Lazy Load di Blogspot
- Masuk ke menu Theme, lalu pilih Edit HTML.
- Cari kode tag HTML image
<img>
yang merupakan kode dari thumbnail blog. Di setiap template pasti berbeda, jadi saya contohkan kode thumbnail dari template saya. Buat kamu, cari sendiri ya kodenya. Pasti mirip-mirip.
<img expr:alt='data:post.title' expr:title='data:post.title' expr:src='resizeImage(data:post.firstImageUrl, 225, "225:170")'/>
- Udah ketemu?
- Tambahkanclass='lazy'
pada tag image-nya.
- Ubahexpr:src
menjadiexpr:data-src
.
- Tambahkansrc
dan value-nya diisi dengandata:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=
.
Sehingga hasil akhirnya menjadi seperti ini:
<img class='lazy' expr:alt='data:post.title' expr:title='data:post.title' expr:data-src='resizeImage(data:post.firstImageUrl, 225, "225:170")' src='data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs='/>
- Ini dia bagian utamanya, yaitu script Lazy Load Gambar untuk Blogger. Simpan kode ini SEBELUM / DIATAS
</body>
.
<script type='text/javascript'>//<![CDATA[ function ignielLazyLoad(){eval(function(p,a,c,k,e,d){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--){d[e(c)]=k[c]||e(c)}k=[function(e){return d[e]}];e=function(){return'\\w+'};c=1};while(c--){if(k[c]){p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c])}}return p}('u B(){Y(v e=o.1r("B"),t=0;t<e.1q;t++)Q(e[t])&&(e[t].N=e[t].1p("1n-N"))}u Q(e){v t=e.1t();Z t.1x>=0&&t.1w>=0&&t.1v<=(y.1u||o.T.1m)&&t.1k<=(y.1c||o.T.1b)}v b=["\\r\\m\\m\\D\\G\\a\\f\\c\\M\\n\\p\\c\\a\\f\\a\\k","\\h\\f","\\r\\c\\c\\r\\l\\A\\D\\G\\a\\f\\c","\\g\\h\\r\\m","\\p\\l\\k\\h\\g\\g","\\V\\1a\\1e\\R\\h\\f\\c\\a\\f\\c\\M\\h\\r\\m\\a\\m","\\w\\p\\a\\1l\\p\\c\\k\\n\\l\\c","\\r","\\1f\\w\\a\\k\\L\\1j\\a\\g\\a\\l\\c\\h\\k\\W\\g\\g","\\g\\a\\f\\q\\c\\A","\\w\\p\\a\\k\\W\\q\\a\\f\\c","\\c\\a\\p\\c","\\m\\h\\l\\w\\F\\a\\f\\c\\D\\g\\a\\F\\a\\f\\c","\\1i\\h\\m\\L","\\l\\g\\n\\l\\1g","\\p\\l\\k\\h\\g\\g\\1h\\h\\J","\\c\\h\\J","\\q\\a\\c\\S\\h\\w\\f\\m\\n\\f\\q\\R\\g\\n\\a\\f\\c\\1z\\a\\l\\c","\\A\\k\\a\\X","\\a\\1y\\a\\l","\\q\\a\\c\\D\\g\\a\\F\\a\\f\\c\\S\\L\\1F\\m","\\p\\l\\k\\h\\g\\g\\U\\a\\n\\q\\A\\c","\\n\\f\\f\\a\\k\\U\\a\\n\\q\\A\\c","\\J\\k\\a\\G\\a\\f\\c\\V\\a\\X\\r\\w\\g\\c","\\n\\c\\a\\F"];u I(d,j){y[b[0]]?y[b[0]](d,j):y[b[2]](b[1]+d,j)}I(b[3],B),I(b[4],B),o[b[0]](b[5],u(){b[6];Y(v d=o[b[8]](b[7]),j=d[b[9]],s=/1D|1B/i[b[11]](1G[b[10]])?o[b[12]]:o[b[13]],C=u(d,j,s,C){Z(d/=C/2)<1?s/2*d*d*d+j:s/2*((d-=2)*d*d+2)+j};j--;){d[b[1C]](j)[b[0]](b[14],u(d){v j,E=s[b[15]],x=o[b[1A]](/[^#]+$/[b[19]](1H[b[18]])[0])[b[17]]()[b[16]],z=s[b[1d]]-y[b[1s]],O=z>E+x?x:z-E,K=1o,H=u(d){j=j||d;v x=d-j,z=C(x,E,O,K);s[b[15]]=z,K>x&&P(H)};P(H),d[b[1E]]()})}});',62,106,'||||||||||x65|_0x1b5d|x74|_0xdd48x2||x6E|x6C|x6F||_0xdd48x3|x72|x63|x64|x69|document|x73|x67|x61|_0xdd48x4||function|var|x75|_0xdd48x7|window|_0xdd48x8|x68|lazy|_0xdd48x5|x45|_0xdd48x6|x6D|x76|_0xdd48xb|registerListener|x70|_0xdd48xa|x79|x4C|src|_0xdd48x9|requestAnimationFrame|isInViewport|x43|x42|documentElement|x48|x44|x41|x66|for|return|||||||||||x4F|clientWidth|innerWidth|21|x4D|x71|x6B|x54|x62|x53|left|x20|clientHeight|data|900|getAttribute|length|getElementsByClassName|22|getBoundingClientRect|innerHeight|top|right|bottom|x78|x52|20|trident|24|firefox|23|x49|navigator|this'.split('|'),0,{}));} eval(function(p,a,c,k,e,d){e=function(c){return c.toString(36)};if(!''.replace(/^/,String)){while(c--){d[c.toString(a)]=k[c]||c.toString(a)}k=[function(e){return d[e]}];e=function(){return'\\w+'};c=1};while(c--){if(k[c]){p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c])}}return p}('j 4=["\\7\\9\\9\\e\\d\\a\\b\\8\\i\\g\\h\\8\\a\\b\\a\\k","\\f\\c\\7\\9","\\7\\8\\8\\7\\m\\l\\e\\d\\a\\b\\8","\\c\\b\\f\\c\\7\\9"];5[4[0]]?5[4[0]](4[1],6,!1):5[4[2]]?5[4[2]](4[1],6):5[4[3]]=6;5[4[0]]?5[4[0]](4[1],6,!1):5[4[2]]?5[4[2]](4[1],6):5[4[3]]=6;',23,23,'||||_0xdfb4|window|ignielLazyLoad|x61|x74|x64|x65|x6E|x6F|x76|x45|x6C|x69|x73|x4C|var|x72|x68|x63'.split('|'),0,{})); //]]></script>
- Setelah selesai, klik tombol Save theme.
Nggak melulu harus gambar thumbnail aja. Di bagian lain pun, selama itu kode tag image
<img>
, bisa ditambahkan kok.Cek lagi nilai page speed kamu di GTmetrix dan periksa di bagian YSlow. Semoga masalah di bagian Add Expires header bisa teratasi dengan plugin Lazy Load Blogspot ini.
Kok Gambarnya Jadi Blank Kalau di GTmetrix?
Iya, emang kaya gitu. Seperti yang udah dijelasin diatas, pemanggilan gambar ditunda sebelum ada aktifitas scroll. Berhubung GTmetrix nggak melakukan aktifitas scroll ketika pengecekan halaman, maka gambarnya masih blank.Kok Nilai YSlow di Bagian Add Expires header-nya Masih Belum Dapat A?
Ayo...cek lagi masalah disana apa. Dan inget lagi ini artikel soal apa.Ini script Lazy Load untuk gambar, bukan untuk lainnya. Jadi masalah yang muncul disana hanya tersisa soal Javascript, CSS, font, dsb. KECUALI SOAL GAMBAR, karena gambar sudah teratasi oleh script diatas.

Dicek lagi, link yang menyebabkan masalah expires header diatas BUKAN link gambar, kan? Karena masalah gambar sudah teratasi.
Soal masalah yang lainnya semoga bisa dibahas di artikel berikutnya. Silakan kasih komen pake akun asli kalau masih ada yang kurang paham.
mantepp setelah praktek loading blog jadi joss
BalasHapuskalau blog sy, pagespeed 100 tap yslow cuma 88.... apa perlu dipraktekin trik di atas mb?
BalasHapusPerlu. Kan udah ditulis diatas. Cara ini buat meningkatkan score YSlow, terutama bagian Add Expires header :)
Hapusmksh mb. Oya, sekalian minta dibuatin trik utk mengurangi jumlah snippet di homepage yg muncul mb. Kalau bisa pengurangannya ditentuin dr baris ato jumlah huruf. Biar rapi mb...
Hapushttps://www.igniel.com/2018/08/atur-jumlah-snippet-tanpa-script.html
HapusKeren nih, fast load memang yg slalu sya inginkan.
BalasHapusIjin pake scriptnya ya mbak..kayaknya cocok niih buat blog saya biar loadingnya gak lemot kyak siput :D
BalasHapuskalo boleh ada saran/ masukan sis buat blog ane dikumpulbagi.blogspot.co.id .. udah ngikutin tutornya dari mempercepat blog 1-3 udah naik sih dari skor E ke D,.. tapi untuk ningkatin lagi gimana ya, setidknya B lah .. thanks sis :D
BalasHapusmin, kode nya banyak banget yang di templateku, yang mana yang dipilih
BalasHapusGimana ni, saya pakai template Cotempo bawaan google, saya cari kode diatas tapi tidak ada :( HELP
BalasHapuskak, klo utk gambar yg di widget gimana (logo di header)? terus jg setelah praktek masih ada masalah utk thumbnail yg ada di sidebar (recent post/popular/dll). lanjut tutor lg kak utk yg JS :D terutama yg dr adsense
BalasHapus*terimakasih, post sangat bermanfaat :)
Ijin bookmark dlue y mb,, kyknye cocok nie di blog ane,,
BalasHapusmbak, saya bingung, klo sempurna sama tag html image kyak yang dicontohin ditas gak ada yang sama, apa yg ni betul mbak?
BalasHapusimg expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_headerimg"' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/></h1
Iya yang itu bisa. Karena isi atribut img tiap blog beda-beda. Dicoba aja. Semoga berhasil.
HapusTapi, pas di Coba yg berhasil Cuma Gambar logo blog, Gambar selainnya seperti thumbnail related post, post updated gak berhasil
BalasHapusCari lagi tag <img yang lain. Tambahkan class 'lazy' ke semua tag img tersebut biar semua gambar berubah jadi lazy load.
HapusKalo HTML Image nya pake Javascript gimana mbak?
BalasHapusUdah nyoba cara diatas gak work.
cari kode [img src] di dalam JSnya dan ubah menjadi [img class="lazy" src="bblablabla"]
Hapusbrarti setiap kita update artikel gambarnya hrus si kasih class terus yh?
HapusGak perlu. Kalo ngambil gambar thumbnailnya pake JS cukup tambahkan class seperti penjelasan di atas. Class akan otomatis bertambah ke semua thumbnail.
Hapuskalo tag img saya udah pasang class yang lain gimana mbak cara nambar nya?
BalasHapusimg class='posts-thumb' gitu??
Kalau class di dalam CSS bisa lebih dari satu. Jadi kodenya [img class='post-thumb lazy']
Hapusthanks mbak berhasil (y)
HapusTerimakasih dan izin menerapkannya ya mba :D
BalasHapusmakasih
BalasHapusPakai cara ini aku nemu satu masalah, ketika discroll gambar tetap blank/gak muncul, kasus ini aku nemu kalau pake template Arl*na, walau dia udah nyediain Lazyload tapi kurang efektif, kamu tau gimana cara solve nya?
BalasHapusMakasih.
1) Kalau di template sebelumnya ada script lazyload, hapus dulu biar gak bentrok.
Hapus2) Cek dulu apa di template itu thumbnailnya dibikin pake javascript. Kalau iya, cek komentar Raka Aryanda diatas.
Kalau masih belum bisa, tulis disini kode <img> di template itu.
thanks sob berguna sangat
BalasHapusberfungsi di https://www.majalahlovebird.com/2018/08/manfaat-sawi-putih-untuk-lovebird.html
plz jadilah pengkomen yang baik, jangan menebar backlink seenaknya dikomentar, bersainglah secara sehat, jangan menjatuhkan blog lain dengan berkomentar link hidup/mati. laman dg komen penuh link akan menjatuhkan sebuah laman dimata google. be smart plz
Hapuskak, untuk mengatasi masalah yang css dan javascript gamana? seperti script dari analytics dan adsense. tolong pencerahannya. hehehe
BalasHapusmbk igniel ane udah test dan berjalan oke, cek gt metrix yslow bagian add expires masih ada file png nya :( -_-
BalasHapusCek lagi URL gambarnya dari mana. Dari gambar widget kah atau lainnya. Tinggal tambahkan class lazy seperti penjelasan di atas.
HapusMba Igniel, apa ini nanti gambarnya akan tetap terindex di google search?
BalasHapusTetep keindex. Karena ini cuma bekerja di halaman homepage. Sengaja dibikin begitu.
HapusSementara yang diindex Google itu halaman postingan tunggal yang gak pake Lazy Load.
Berarti gambar yg di homepage tdk ke index ya, kalau misal saya pasang di halaman postingan ndante index ya gambarnya
HapusMbak saya sudah coba pasang dan berhasil, hanya saja kode data-src nya di blog saya tidak terbaca untuk script resize ukuran thumbnail homepage. Sehingga lebar thumbnailnya tidak sesuai. Bentuk scriptnya seperti ini:
BalasHapushttps://docs.google.com/document/d/16TbUGlp7YFAssoioA8QwzK7VIdKxYbJVdxBAzdb8YiA/edit?usp=sharing
Kira-kira gimana caranya supaya script tersebut bisa membaca thumbnail yang dalam bentuk data-src? Atau adakah solusi lainnya? Terimakasih sebelumnya
Sudah beres mbak ternyata bisa pake yang ini hehe
Hapusexpr:src='resizeImage(data:postFirstImage, 300)'
saya bermaksud menggunakan lazy load di halaman(mobile ?m=1) posting, dan saya pakai javascript untuk menambahkan class, src, data-src. Jadi tidak perlu edit postingan satu-satu.
BalasHapusSkenarionya :
ketika laman di akses di desktop gambar dalam posting tidak menggunakan lazy-load, ketika di akses di laman mobile (m=1) dengan bantuan tag-conditional blogger barulah gambar menggunakan lazy-load.
dan kode yang saya gunakan adalah
var imagesl = document.getElementsByTagName('img'); for(var i = 0; i < imagesl.length; i++) {var currentSrc = imagesl[i].getAttribute('src'); imagesl[i].setAttribute('src','data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs='); imagesl[i].setAttribute('data-src','currentSrc'); imagesl[i].className += ' lazy'; };
ketika di coba semuanya berhasil kecuali di bagian 'data-src' value yang dihasilkan malah tulisan 'currentSrc' (src="currentSrc")..
Pertanyaannya kira-kira apa yang salah dengan kode saya diatas dan bagaimana cara memperbaikinya? Mohon bimbingannya
Hilangkan tanda kutipnya. Jadi kaya gini.
Hapusimagesl[i].setAttribute('data-src',currentSrc);
lagi dan lagi, di deobfus :(
BalasHapusmas bagaimana cara page speed di desktop dan mobile bisa cepat
BalasHapussay cek punya mas igniel untuk
mobile :97
dan dekstop : 100
mantap sekali page speed nya mohon infonya
wah hebat hasilnya sy cobakan ke salah satu blog coba coba buat belajar he he he...makasih banyak
BalasHapusKalau gambarnya di dalam CSS gimana, mbak?
BalasHapusContoh img untuk background wrapper
/* CSS BACKGROUND WRAPPER */
#hero1{background:#00a8ff;background:url('https://2.bp.blogspot.com/-u8Myw0VZKCY/W91D7GeEHBI/AAAAAAAABMg/08BXkFGboYsIw59NuIx-GmvsbCLpeOFqgCLcBGAs/s1600/fixed-background-header.png');background-size:cover;background-position:center center;margin:55px auto 0 auto}
Salah satu yang bikin berat sih emang ini penggunaan background pake gambar, tapi pentiiing buat penampilan :D
HapusJangan bikin gambar jadi background. Ganti thumbnailnya pake cara ini.
Hapushttps://www.igniel.com/2018/08/membuat-resize-thumbnail-blogger-tanpa-script.html
Trus pakein lazyload sesuai tutorial.
Duh belum dibalas.. :(
BalasHapuskak igniel, bisa minta solusi buat script adsense agar cepat dan tidak terindeks gtmetrix atau memparsescript tersebut menjadi internal?.
BalasHapusseperti milik.e kak igniel, saya lihat tidak ada kode pemanggil pagead2.googlesyndication.com,
makasih tutorialnya, dengan lazy load ini blog saya jadi super cepat. nyampai sempurna. :)
BalasHapusmaaf mbk, kalo untuk postingan apa harus satu-satu nambahin class nya ?
BalasHapusDalam postingan nggak perlu dikasih lazy load karena nanti berpengaruh ke index Google.
HapusIzin coba mbak. Iya nih, blog saya loadingnya lama pakai BGT. :) Thanks
BalasHapusmba, numpang tanya. Kalo masang ini kok iklan adsense saya sering blank ya? Atau emg gitu pengaruhnya?
BalasHapusNggak ngaruh ke iklan. Ini cuma buat gambar.
Hapusoh iya, saya ada juga masang lazy load adsense, apakah itu yg buat blank mba? mohon penjelasannya
HapusBisa jadi lazy load adsensenya yang error. Dicek lagi aja mas.
Hapusbiar gambar munculnya 1 / 1 ( gak langsung semuanya ) gmana ya mbak.
BalasHapuskayak blog ini mbak..
kalau kode img nya berupa seperti dibawah ini caranya gmana kak? sudah saya kasih lazy tapi tetap tidak bisa
BalasHapusmaaf kak saya sertakan link js aslinya soalnya saya masukkan disini tidak bisa.
https://cdn.jsdelivr.net/gh/KompiAjaib/[email protected]/kompiflexible8_home2.js
didalam js tersebut terdapat random post. mohon bantuannya
Di Template blog saya (Evomagz) berhasil diterapkan. Tapi cuma di halaman utama, sedangkan di halaman posting Lazyload nggak berfungsi. Kenapa ya mbak?
BalasHapusMemang cuma buat halaman utama aja mas
Hapuskalo diterapin di template textrim, apakah cara no 1 bisa dilewati?
BalasHapusTextrim nggak perlu pakai lazyload karena di homepage nggak ada gambarnya.
Hapuskomentar mau konsul error mulu. gak tau salahnya dimana.
BalasHapustolong sist, di cek ya saya SS nih. http://prntscr.com/nizew2
Mbak Igniel kalo mau memasang lazyload di gambar related post gimana, soalnya script tag img nya kaya gini <img alt="" class="related-post-item-thumbnail" src="'+n+'" width="'+g.thumbnailWidth+'" height="'+g.thumbnailHeight+'"></a><div class="related-post-item-tooltip"><a class="related-post-item-title" title="'+a+'" href="'+t+'"'+d+">"+l+"</a></div>"+m+"</li>")}r.innerHTML=o+="</ul>"+m,g.callBack()}},r(g.homePage.replace(/\/$/,"")+"/feeds/posts/summary"+i+"?alt=json-in-script&orderby=updated&max-results=0&callback=randomRelatedIndex")}(window,document,document.getElementsByTagName("head")[0]);
BalasHapus};
Mohon solusinya .
Lihat class nya. Ubah jadi begini.
Hapusclass="related-post-item-thumbnail lazy"
Ga work, apa harus ada yang diganti lagi selain kode itu
HapusRelated post itu letaknya di dalam postingan utama kan? Sementara script lazyload di atas cuma dijalankan di homepage. Gak bakal jalan kalau letak relatednya bukan di homepage.
HapusKak, add expire headers aku dapet D
BalasHapusLink yang muncul ini kak
https://lh3.googleusercontent.com/proxy/0GazEeGM_wHv1k8hx1IJDUMMcXpBkN3cKQmErlLBYtSWhBAIYdEpYs3a_Ad1xBMvhRDD8xAL395ZH0oBNZ9UIxQm1IXITIYafQp4S7-i=s0-d
https://apis.google.com/js/plusone.js
https://cdn.staticaly.com/gh/igniel/blogger/master/textrim/v1.js
Itu tidak bisa biar B atau C minimal gitu kak:) btw aku make textrim template
mba, kenaa setelah pasang script ini kok gambar featured post sama thumbnail di dalam artikel jadi blank. Apanya yang salah ya?
BalasHapusJangan pasang lazyload di dalam artikel. Cukup di homepage aja.
Hapusmau nanya nih kak,, misal ane nengok ke blog ini via hp redmi 5a, pasti di home scrolnya agak berat,, kenapa ya apa hape ane yg udah kebanyakn memory??? hehehekak igniel
BalasHapuskalau Lazy Load-nya buat Random Post yang kak igniel share di post lain ini
BalasHapushttps://www.igniel.com/2018/11/random-post-thumbnail.html
gimana ya kak? mohon di bantu donk kak, trims
Mba Igniel, bgaimna cara buat animasi thumbnail pada homepage sbelum page di scroll ya ? :)
BalasHapusMakasih gan blog ane jadi cepatt
BalasHapus*sis
HapusCara penerapan di template igneplex gimana ? ia
BalasHapusMohon petunjuknya!.
BalasHapusCara pasang javascript lazy load di template fiksioner dari igniel gimana mbak/mas?
Saya lihat-lihat script yang ada di template mirip dengan kode bawaan template igniel fiksioner.
< div class='ignielToTop' />
< script> //<![CDATA[
eval(function(p,a,c,k,e,d)....
saya pakai template dari igniel, jika kode lazy load di atas saya replace sesuai dokumentasi fiksioner tidak berfungsi.
Mohon pencerahanya dari admin .
Saya juga memiliki masalah yang sama.. Mohon bantuannya mba, pengguna fiksioner👌
HapusMampir-mampir mas ke www.otakushinime.xyz
BalasHapusBagaimana cara kerja dari scripy ini? Aku lihat di template ada banyak tag <img expr:alt='data:post.title' dan itu mewakili 1 image.
BalasHapusApakah gambar yg disisipkan dari postingan akan ikut juga delay requestnya?
Semoga dijawab
JS nya dienkripsi:(((
BalasHapusKok jsnya di ekripsi. Setau saya di developernya enggak tuh
BalasHapusMbak kok gambar thumbnail di home page jadi ilang ya? walaupun udah di scroll? mohon pencerahannya makasih
BalasHapusterimakasih saya pake trik ini
BalasHapusdisertakan cara menambah class lazy pada related postnya...
BalasHapusMantap mbak, benar-benar membantu kecepatan blog saya. Semoga blognya makin sukses.
BalasHapussumpah makasih banget mbak tutornya,, js.y work!!!
BalasHapusdan Add Expires Header pada "Yslow Score" dari 0 menjadi 87
Template ku pake template mbak igniel yg igniplex tapi loading thumbnail atau gambarnya lama bgt ya... mau hapus animasi loadingnya yang muter2 itu gimana ya mbak??
BalasHapusmbak igniel,plis kok gk bisa ya di blog saya? blog toko online,mungkin mbak bisa cek https://arrwistore.blogspot.com/ apa ada yang salah gak mbak?
BalasHapusTerima kasih atas panduannya
BalasHapusSaya pas searching saya menemukan suatu blog yang menjelaskan script expired header
www.dirga.id/2019/03/expired-header-blogger.html
Semoga jadi referensi
Hapus