Skip to content

Latest commit

 

History

History
37 lines (22 loc) · 981 Bytes

README.md

File metadata and controls

37 lines (22 loc) · 981 Bytes

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