Enable lazy loading for URLs on use href #9929
Description
What problem are you trying to solve?
The loading attribute enables lazy-loading for images and iframes. Likewise, the <use> tag could use this functionality to enable deferring the loading of SVGs as an URL. E.g:
<svg>
<use href="/path/to/my.svg" loading="lazy" />
</svg>What solutions exist today?
Similar to polyfills for lazy-loading, an Intersection Observer mechanism can be used to swap a data-href attribute to href when approaching in view.
How would you solve i 5E22 t?
Enable the loading attribute to act like on img and iframe, and defer the loading of the SVG until approaches in view.
Anything else?
No response