Intent to Ship: 'blocking=rendering' attribute on scripts and style sheets
Xiaocheng Hu
(Note: The feature no longer works on preloads, compared to the original I2P. See explainer for details.)
Contact emails
xiaoc...@chromium.orgExplainer
https://gist.github.com/xiaochengh/9404abbecdc3b45c0e9f3d5e99fbc65d#file-proposal-v3-mdSpecification
https://github.com/whatwg/html/pull/7474Summary
Allows putting 'blocking=render' as an attribute and value to a <script>, <style> or stylesheet <link> to make it explicitly render-blocking. The main usage is to avoid a flash of unstyled content or user interactions with an immature page caused by, e.g., script-inserted scripts/stylesheets, client-side A/B testing, etc.
Blink component
Blink>HTMLSearch tags
render, blockingTAG review
https://github.com/w3ctag/design-reviews/issues/727TAG review status
PendingRisks
Interoperability and Compatibility
This is a new feature. There are interop/compat risks only if other browsers do not implement it.
Gecko: No signal (https://github.com/mozilla/standards-positions/issues/608)
WebKit: No signal (https://lists.webkit.org/pipermail/webkit-dev/2022-January/032088.html)
Web developers: Positive (https://bugs.chromium.org/p/chromium/issues/detail?id=1271296)
Other signals:
WebView application risks
Does this intent deprecate or change behavior of existing APIs, such that it has potentially high risk for Android WebView-based applications?
No.
Debuggability
Yes. Each network request emits a trace event, which has a renderBlocking flag indicating whether the resource blocks rendering. For more details, see https://blog.webpagetest.org/posts/new-render-blocking-indicator-in-chrome-and-webpagetest/
Is this feature fully tested by web-platform-tests?
YesFlag name
chrome://flags/#enable-experimental-web-platform-featuresRequires code in //chrome?
FalseTracking bug
https://bugs.chromium.org/p/chromium/issues/detail?id=1271296Estimated milestones
| DevTrial on desktop | 102 |
| DevTrial on Android | 102 |
Anticipated spec changes
Open questions about a feature may be a source of future web compat or interop issues. Please list open issues (e.g. links to known github issues in the project for the feature specification) whose resolution may introduce web compat/interop risk (e.g., changing to naming or structure of the API in a non-backward-compatible way).
Link to entry on the Chrome Platform Status
https://chromestatus.com/feature/5452774595624960Links to previous Intent discussions
Intent to prototype: https://groups.google.com/a/chromium.org/g/blink-dev/c/ujX8Vbr_VFE/m/Z61eyTcoBAAJ
Yoav Weiss
(Note: The feature no longer works on preloads, compared to the original I2P. See explainer for details.)
Contact emails
xiaoc...@chromium.orgExplainer
https://gist.github.com/xiaochengh/9404abbecdc3b45c0e9f3d5e99fbc65d#file-proposal-v3-mdSpecification
https://github.com/whatwg/html/pull/7474Summary
Allows putting 'blocking=render' as an attribute and value to a <script>, <style> or stylesheet <link> to make it explicitly render-blocking. The main usage is to avoid a flash of unstyled content or user interactions with an immature page caused by, e.g., script-inserted scripts/stylesheets, client-side A/B testing, etc.
Blink component
Blink>HTMLSearch tags
render, blockingTAG review
https://github.com/w3ctag/design-reviews/issues/727
TAG review status
PendingRisks
Interoperability and Compatibility
This is a new feature. There are interop/compat risks only if other browsers do not implement it.
Gecko: No signal (https://github.com/mozilla/standards-positions/issues/608)
--
You received this message because you are subscribed to the Google Groups "blink-dev" group.
To unsubscribe from this group and stop receiving emails from it, send an email to blink-dev+...@chromium.org.
To view this discussion on the web visit https://groups.google.com/a/chromium.org/d/msgid/blink-dev/CAFqEGhaaBjkqwTRoJpstgJoYhFvgPQ5DFrFfR0hQo%3DKMJ2NjLg%40mail.gmail.com.
Daniel Bratell
LGTM1
/Daniel
To view this discussion on the web visit https://groups.google.com/a/chromium.org/d/msgid/blink-dev/CAL5BFfXoO%2BZ_EbNRzPJ6S38_9e3uM%3DT4qXE4POhoeRBkaiu6uw%40mail.gmail.com.
Yoav Weiss
Mike Taylor
To view this discussion on the web visit https://groups.google.com/a/chromium.org/d/msgid/blink-dev/CAL5BFfVpbX6L-ouxYOebU8_YacjJ4tQJtKtJy4R9PGH259AWqg%40mail.gmail.com.