DEV Community

Discussion on: Async vs Defer in JavaScript: Which is Better?๐Ÿค”

 
dannyengelman profile image
Danny Engelman

Difference is major when GUI Web Components are created with render blocking and inlined <script> in the <head>; then get enhanced to full interactive GUI after DOMContentLoaded
Inline the GUI required CSS as well (I mean bare CSS, not Tailwind) and the first HTML page should be 10 to 15 KB at the most... Eat that Vue,React.

Thread Thread
 
efpage profile image
Eckehard

I suppose, Tailwind (or any CSS in JS solution) will give another twist to this story, but this possibly would fill a complete post. Anyway, an interesting story...

Thread Thread
 
dannyengelman profile image
Danny Engelman

I said not to use Tailwind. That's a 479 Kb Gzipped download.

Do everything (for your primary GUI) native and in one HTML file, then PWA

Thread Thread
 
efpage profile image
Eckehard

Sorry this was a misunderstanding. Even if you do not use a bulky package like tailwind, any JS that manipulates global CSS might cause strange effects like Layout shifts and unexpected delays. But this would fill another post I suppose.