Skip to content

JulianCataldo/lit-styles-link-dsd

Repository files navigation

CSS loading comparison

The dist is already there, you can just do pnpm serve dist/client -p 3030 after install.


pnpm i
pnpm dev
pnpm build
pnpm preview

# Without streaming
curl http://localhost:3030 -o dist/client/index.html

pnpm serve dist/client -p 3030

Dev tools

Chromium

link-css-tests.mp4

Safari

safari

Chromium

Screenshot 2024-07-23 at 23 25 01

Playwright

Chromium (mixed results)

chromium.webm

Firefox

firefox.webm

Webkit

webkit.webm

Summary

WebKit Chromium Firefox
Style / S+C - With cache ✅ / ⏱️
Link / S+C - No cache
Adopted / C - No cache ⏱️ ⏱️
Link / C - With cache ⏱️ ⏱️

Caution

TAKE IT WITH A GRAIN OF SALT. IT'S NOT SCIENTIFIC.
Various, difficult-to-control factors are interfering.
E.g. streaming versus static seems to affect parsing order (need confirmation).

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages