Member-only story
Basic Lazy Loading For Complete Beginners
I had never even heard about Lazy Loading until my first real job in web development and now I realise its the norm (or should be) for almost any website.
Why do we need to Lazy Load? It’s basically all about speed. Lazy loading speeds up the response time of your website by only loading your images as they enter the view port. This is very important because ….
40 percent of visitors will leave a website if the loading process takes more than 3 seconds.
Put simply — Lazy Loading can help you keep visitors on your site!
How to use LazyLoad— Simple instructions for Complete Beginners
The LazyLoad I am referring to is found here. You can get a lot of explanation on how to use it on the website linked above but if you want someone to hold your hand for your first time using it, and don’t want to have to filter through extra information, please keep reading!
My Description below is for a basic image tag. If you need any further trouble shooting check out the LazyLoad website.
- You need to update src attribute in your <img> tag to be data-src see below. Don’t worry if this breaks your images! they will come back soon, I promise!
<img…
