jakearchibald / jakearchibald/streaming-include

Render-blocking after link[rel=stylesheet]

Open
#7 0 comments 0 reactions 0 assignees View on GitHub
Dominant language
JavaScript
Stars
28
Forks
4
PR merge metrics
No merged PRs in 30d

Description

As was recently specced, in-body stylesheets block rendering for subsequent elements:

```html

I render immediately

I wait for the above CSS


```

My experiments with the polyfill suggest it doesn’t replicate this behavior, and I couldn’t find anything in the spec about it (it does mention parser blocking, but not render blocking).

The behavior would probably have to be slightly different, only blocking render for subsequent elements inside the streamed-in element container. Do you think this would be worth supporting? I’d love to see these two streaming performance techniques coexist.

Contributor guide

No contributing guide indexed for this repository

Research direction

Start by reviewing the streaming-include polyfill and comparing its behavior with the issue's in-body stylesheet example and the referenced parser-blocking specification. Determine whether subsequent elements in the streamed-in container can be render-blocked, and document or test the behavior before deciding whether support is feasible.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript
Domain
frontend, web-dev
Issue type
Feature
Difficulty
5/5
Estimated time
Over a week
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
30/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.