Lazy load Images in Next.js

One of the way to improve web performance is to insure the browser load the image when needed, by lazy loading the image we prevent the browser to actually featch the image before the user get to it.

Why should you Lazy Load your Image ?

• By lazy load the image you save data and bandwidth which increases the performance, specially for mobile phone.
• Good for SEO: Having a page load time low makes search engines more likely to recommend your page.
• Good experience for your users