Support for lazy loading images by default

[JessicaSachs]

Feature request

I want native support for lazy loading images based on IntersectionObserver. I've seen requests for this feature and 3rd party plugin support elsewhere and think the Vuepress experience would benefit from it.

What problem does this feature solve?

• Improves the out-of-the-box UX for sites made with Vuepress.
• Improves Lighthouse performance score.
• Reduces complexity for sites that need this feature.

What does the proposed API look like?

How should this be implemented in your opinion?

For lazy loading, we should use IntersectionObserver. This should be a plugin that is turned on by default.

Are you willing to work on this yourself?

Yes

[tolking]

reference: vuepress-plugin-img-lazy