External stylesheets in the body of the document or that get activated after the body has started to be parsed will no longer block paint but they will pause the parser. The end result is that any DOM content before the body stylesheet will continue to paint but content after the stylesheet will not appear until after the stylesheet has loaded.

Demo

Status in Chromium

Blink


Enabled by default (tracking bug)

Consensus & Standardization

After a feature ships in Chrome, the values listed here are not guaranteed to be up to date.

  • Shipped/Shipping
  • Shipped/Shipping
  • Shipped/Shipping
  • Strongly positive

Owner

Comments

This is the existing Edge and Safari behavior (though the Safari implementation is different). Firefox is similar but does not pause the parser so that content after the external sheet is painted using the existing styles until the external sheet loads. Parser pausing can be achieved in Firefox by placing an empty script tag after the relevant sheets.

Last updated on 2020-11-19