Скачать или смотреть Defer Offscreen Images | How to improve website speed? | Lazy Load Website Images

in this video, you shall learn about the "Defer OffScreen Images" | lazy load images plugin | load images on scroll

Problem: Slow Website Loading

Reason: Heavy Images OR Too many images

How You Notice?:
Recommendation is given by "Google Page Speed Insights" when you analyze your site.

Advantage:
Helps to improve website SEO
Fast Website loading

Source Code & Supporting Material:
Step 1. Download the lazysizes Javascript library from here. Once downloaded, include it in your page using following script tag:
script src="lazysizes.min.js" async=""

Step 2. Within your HTML img tags:
Add class=“lazyload” attribute to all images
Change the src attribute to data-src

Use data-src. And, specify lazyload class:
img data-src="image.jpg" class="lazyload"

Page Speed Insights URL: https://developers.google.com/speed/p...

Learn more about the recommendation: https://developers.google.com/web/fun...

To read IT & Development related articles visit our website:
https://www.mobitsolutions.com

code: https://drive.google.com/file/d/1yX1Y...