[go: up one dir, main page]
Open Bug 1819581 Opened 2 years ago Updated 2 months ago

Implement auto-sizes for lazy-loaded images

Categories

(Core :: DOM: Core & HTML, enhancement)

Product:
Core
Component:
DOM: Core & HTML
Type:
enhancement

Tracking

()

Project Flags:
Size Estimate S

People

(Reporter: zcorpan, Unassigned)

References

(
URL
)

Details

(Keywords: dev-doc-needed, Whiteboard: [platform-feature][webcompat:risk-low])

User Story

web-feature: sizes-auto

The spec PR has landed now.

Duplicate of this bug: 1816615
Keywords: dev-doc-needed

Changing component to Layout after discussing with :hsinyi.

auto-sizes is now enabled by default in Chrome https://bugs.chromium.org/p/chromium/issues/detail?id=1359051#c26

Component: DOM: Core & HTML → Layout
Depends on: 1886745

This feature has now been adopted in WordPress 6.7: https://core.trac.wordpress.org/changeset/59008

I also found this PR for react-imgix from a GitHub search.

Chrome use counter is currently < 0.02% but I expect will rise as the above changes get deployed on sites and adoption spreads to other frameworks and libraries. https://chromestatus.com/metrics/feature/timeline/popularity/4750

Without supporting auto, we would likely fetch unnecessarily large images (at least for sites that use only sizes=auto without fallback on images).

status-firefox112: affected → ---
Component: Layout → Layout: Images, Video, and HTML Frames

Chrome's use counter is now at ~0.6% of page loads, ~2.5% of httparchive pages.

Shopify has developed a polyfill: https://github.com/Shopify/autosizes

Per :emilio, DOM: Core & HTML was correct, so changing back.

Component: Layout: Images, Video, and HTML Frames → DOM: Core & HTML
Size Estimate: --- → S
User Story: (updated)
See Also: → https://github.com/mozilla/standards-positions/issues/650
Whiteboard: [platform-feature][webcompat:risk-low]
You need to log in before you can comment on or make changes to this bug.