cyrilwanner / next-optimized-images

🌅 next-optimized-images automatically optimizes images used in next.js projects (jpeg, png, svg, webp and gif).
MIT License
2.21k stars 93 forks source link

[Canary] Feature request: enable lazy loading from images.config.js #200

Open Nick-Mazuk opened 4 years ago

Nick-Mazuk commented 4 years ago

More often than not for me, images should be lazy-loaded. So it would be great if we could make lazy loading images the default.

Of course, it's already possible to lazy load images with your plugin with

<Img src={require('filepath')} loading='lazy' />

But if we could set it as the default in the config, it would eliminate lots of extra work! Here's one idea for the syntax:

// images.config.js
module.exports = {
    default: {
        loading: 'lazy',
    },
}

That way, it matches up with the syntax for the other config options.

Thanks!