January 2021 - Teluguheal

Learn How to Delay Image Loading Before Scrolling Pages 

The most important part of any website is to have a fast, smooth page loading has well has the website speed is the most important part in the search engine optimization also for a high quality looking website so lets start how we can make website image loading speed faster 

First open Blogger / WordPress >  Click the Themes menu > Then Click Edit Html Same applies to other platforms Find the Search Code  "  </body> "


<script>
//<![CDATA[
// LazyLoad
function loadScript(d){var o=document.createElement("script");o.src=d,document.body.appendChild(o)}function downloadJSAtOnload(){loadScript("https://cdn.jsdelivr.net/gh/Arlina-Design/phantom@master/lazyarlinas.js")}window.addEventListener?window.addEventListener("load",downloadJSAtOnload,!1):window.attachEvent?window.attachEvent("onload",downloadJSAtOnload):window.onload=downloadJSAtOnload;
//]]>
</script>

Add the Above code just Above
</body> 

Search " <img  " in your theme page 


<img src='//www.blogger.com/img/icon_delete13.gif'/>

Add  ""  class='lazy' "" & change "" src= "" into "" data-src= "" has shown example below 

<img class='lazy' data-src='//www.blogger.com/img/icon_delete13.gif' src='data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs='/>

find all the theme code of   " <img "  & change them into the above format after changing to the above format you must save your theme you can see the difference of speed before & after the changes clearly this helps the site for fast loading performance makes which helps your site for search engine optimization also other factors  

this is how the above code helps blog work faster how you all like it thanks, hopefully useful and greeting for you all 

Learn How to Delay Image Loading Before Scrolling Pages

Subscribe Our Newsletter

Notifications

Disqus Logo