How does the blocking attribute affect the rendering process in the <link> element?

The blocking attribute can delay rendering until the resource is fetched.

The blocking attribute in the <link> element specifies that certain operations, like rendering, should be blocked until the linked resource is fetched. This attribute is used with rel="stylesheet" or rel="expect" to ensure that the necessary resources are loaded before the page is rendered, preventing incomplete or unstyled content from being displayed.

<link blocking="render" rel="stylesheet" href="example.css" crossorigin />