Mastodawn

So, #WebComponents. If we want to share stylesheets between the document and components and we have CSS module scripts... is there any reason to use <link rel="stylesheet"> anymore? Requesting a CSS module script from a blocking script in <head> (and then sharing the sheet between shadow roots and the main document) should be plenty fast, right?

#webdev

Show thread

Peter Kröner 3d ago

Some objections that I can come up with:

- What about the browser's preload scanner? Might be solved with <link rel="modulepreload" as="style" href="sheet.css" />

- Extending from window.BaseClass looks gross. Can be hidden via $ echo "export const BaseClass = window.BaseClass;" > BaseClass.js

Show thread

Peter Kröner

Enlisted @Schepp, the pope of performance himself, to help verify that <link rel="modulepreload"> indeed does the trick (in supporting browsers). If your use case requires JS, ignores Safari, and shares styles between web components and the main document… then you maybe _should_ ditch <link rel="stylesheet">