Designing for speed: why your marketing site should ship zero JavaScript
Performance is a feature your visitors feel before they read a single word. Here is how a zero-JS-by-default approach turns speed into your competitive edge.
Your homepage has roughly three seconds to make a first impression. Long before anyone reads your value proposition, they have already formed an opinion based on how quickly — and how smoothly — the page came together.
That is why StellarGrid ships as static HTML with zero JavaScript by default. Every interactive flourish is progressive enhancement layered on top of a page that already works.
The cost of a heavy bundle
A modern JavaScript framework can easily push 200–300 KB of script before your visitor sees anything meaningful. On a mid-range phone over a flaky connection, that translates into:
- A blank screen while scripts download and parse
- Janky scrolling as the main thread stays busy
- Worse Core Web Vitals — and lower search rankings
The fastest code is the code you never ship.
Islands, not oceans
Astro’s islands architecture flips the default. Instead of hydrating the entire page, you hydrate only the parts that genuinely need interactivity:
---
import Counter from './Counter.tsx';
---
<!-- static HTML, no JS -->
<Hero />
<!-- only this component ships JavaScript -->
<Counter client:visible />In StellarGrid we go one step further: the animations, accordions and counters are built with vanilla DOM APIs and CSS, so the entire theme stays framework-light.
Performance is not a number you chase at the end. It is a constraint you design within from the start.
What “fast” buys you
When your site is fast, everything downstream improves:
- Conversions climb — every 100 ms of latency measurably reduces purchases.
- SEO improves — Core Web Vitals are a ranking signal.
- Accessibility improves — lighter pages work better on older devices.
Speed is not a trade-off against beauty. With the right foundation, you get both.