Defer Offscreen Images | How to improve website speed ?

First create simple Gallery images wesite in HTML and check Google speed testing

https://developers.google.com/speed/pagespeed/insights/

1) Download the lazysizes Javascript library . Once download ,include it in your page through following script tag :

     <script src="lazysizes.min.js" async=""></script>

2) within your HTML <img> tag:

• Add class="lazyload" attribute to all images

• Change the src attribute to data-src

    <img data-src="image.jpg" class="lazyload"/>

For more useful articles or blogs visit our website:

https://www.mobitsolutions.com/blog

About Us:

php web development company | website design and development

https://www.mobitsolutions.com/website-design-development

Video Tutorial:

https://youtu.be/Z6G1J4MnMeQ