I'm facing a problem when I check my website on "pagespeed.web.dev"
. I get this issue saying "Preload Largest Contentful Paint Image" ; as you can see in this picture -->
Maybe because I using this Lazy Loading JavaScript (jQuery):
Now I'm looking for a solution to disable Lazy loading script on the first image blogger
or remove it at All without leaving blank pictures.
!function(a){a.fn.lazyloady=function(){return this.each(function(){var t=a(this),w=a(window),dImg=t.attr('data-image'),
iWid=Math.round(t.width()),iHei=Math.round(t.height()),iSiz='w'+iWid+'-h'+iHei+'-p-k-no-nu-rw',img='';
if(dImg.match('resources.blogblog.com')){dImg=noThumbnail;}
if(dImg.match('/s72-c')){img=dImg.replace('/s72-c','/'+iSiz);}
else if(dImg.match('/w72-h')){img=dImg.replace('/w72-h72-p-k-no-nu','/'+iSiz);}
else if(dImg.match('=w72-h')){img=dImg.replace('=w72-h72-p-k-no-nu','='+iSiz);}
else{img=dImg;}
if(t.is(':hidden'))return;w.on('load resize scroll',function onScroll(){if(w.scrollTop()+w.height()>=t.offset().top){w.off('load resize scroll',onScroll);var n=new Image();n.onload=function(){t.attr('style','background-image:url('+this.src+')').addClass('lazy-load');},n.src=img;}}).trigger('scroll');});}}(jQuery); ```