metafizzy / metafizzy/flickity
Feature request: Support native loading=lazy image attribute
- Dominant language
- JavaScript
- Stars
- 7.6k
- Forks
- 593
- PR merge metrics
- No merged PRs in 30d
Description
It would be great to support the native lazy loading attribute at least for images.
We have a browser support of 74.96% at this time, only the new IE (Safari) doesn't support it in the current version. But it's already in the Technology Preview and should be in the next major update of MacOS and IOS.
Data based on https://caniuse.com/loading-lazy-attr
In addition I hope it's possible to make this work with also with the picture element.
Resources:
https://developer.mozilla.org/en-US/docs/Web/Performance/Lazy_loading
https://html.spec.whatwg.org/multipage/urls-and-fetching.html#lazy-loading-attributes
Contributor guide
Research direction
Start by reviewing the MDN lazy-loading documentation and the HTML specification linked in the issue, then locate Flickity's image and picture rendering path. The change is complete when native loading="lazy" support works for images and, if feasible, picture elements, with behavior verified in supported browsers.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript
- Domain
- frontend, web-dev
- Issue type
- Feature
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 45/100