DEV Community

Discussion on: The Cost of Investing Too Heavily in a JavaScript Framework

ryansmith profile image
Ryan Smith Author

I think websites can be performant, even if JavaScript is doing a lot of the heavy lifting. Stencil provides a pre-rendering mode, which will generate HTML/CSS with the default properties. Your site will serve up the static HTML/CSS and then JavaScript will download to re-hydrate it. This means that sites can also run without JavaScript, so you get the best of both worlds. I have it enabled on my site if you would like to take a look.

khrome83 profile image
Zane Milakovic

This does not change my opinion.

I mean I run sites on Gridsome, Next, and Nuxt. All do this as well.

You always end up with some functionality for interactivity that’s requires that bundle.

Sometimes you can split that out. But I have ran into situations where I can’t.

So you still end up with a expensive JS bundle the user has to download. This really depends on the sites complexity. But I saw marked improvements switching from React to Svelte for a product. But things like a non reactive header still gets wrapped up in the hydra table and JS template instead of just HTML and CSS from the server. We just don’t have a clean way to split this out yet.

The SSR for stencil is a good thing to do.