Chrome 76 native lazy loading attribute returns error in w3c

Question

I just implemented the new native lazy loading of chrome 76 in some images. It consists simply in adding the attribute loading="lazy" to images.

ex:

<img src="#url" width="380" height="285" alt="altexample" loading="lazy">

But for my surprise w3c is returning the following error:

"Error: Attribute loading not allowed on element img at this point."

Some documentation:

Chrome 76 release notes https://www.chromestatus.com/feature/5645767347798016

Implementation example https://www.searchenginejournal.com/google-chrome-will-soon-support-lazy-loading-at-the-browser-level/321211/

Anyone with the same problem? Thank you

mfranzke · Accepted Answer · 2019-08-28 04:56:08Z

1

I could mainly think about that the spec itself (https://github.com/whatwg/html/pull/3752) is still in draft state, as things are still being finalized. So maybe the validator is only considering „stable“ or at least „not in draft state anymore“ features to be validated correctly (or it just hasn‘t been implemented ;-) maybe for the same reasons as stated before).

answered Aug 28, 2019 at 4:56

mfranzke

1313 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Puka · Accepted Answer · 2021-10-26 09:48:35Z

0

As of today (2021), lazy-loading is supported in all major browsers and is now a living standard (see: img attributes on MDN and Lazy loading attributes on the WTAHWG specs) and W3C's HTML validator does not report any errors.

The Nu HTML Checker (https://validator.w3.org/nu) still does but this has been reported as a bug (Add "a modern practices" mode #811) since 2019 and even though it is not getting a ton of attention, maybe it will be solved at some point.

The current browser support is as follows according to caniuse.com:

see the latest data here: https://caniuse.com/loading-lazy-attr

I guess you can consider this issue to be a bug with the validator itself and not with your code.

answered Oct 26, 2021 at 9:48

Puka

1,5851 gold badge17 silver badges35 bronze badges

Collectives™ on Stack Overflow

Chrome 76 native lazy loading attribute returns error in w3c

Some documentation:

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

Some documentation:

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related