Why this site uses no heavy framework (and still moves)
This site opens with dust forming a logo and a solar system of projects. Yet it loads in a few hundred milliseconds. That is not luck - that is the blueprint.
Every page is static HTML from Astro. No UI framework, no megabyte bundle that has to wake up first. The effects are separate modules: the dust is canvas 2D, the planets are three.js loaded only on the homepage, and every other effect lives only on its own page.
Three choices that set everything
One: everything that moves respects your system’s "reduce motion" setting. Two: fonts are served from this server, so no visitor data flows to Google. Three: every animation measures real time instead of counting frames - otherwise an intro plays twice as fast on a 120 Hz screen.
And since more and more people ask an AI assistant first: structured data, a clean sitemap and llms.txt make sure those assistants quote this brand correctly instead of guessing.
Speed is not a tech hobby. It is respect for your visitor’s time - and the first thing Google sees of your site.