The latest articles on DEV Community by Charlie McLean (@charlie_mclean_37344b9bea). https://dev.to/charlie_mclean_37344b9bea https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3965910%2Fabeb604c-19d4-4e77-a2f6-8deb302a9943.png https://dev.to/charlie_mclean_37344b9bea en Charlie McLean Wed, 03 Jun 2026 07:02:57 +0000 https://dev.to/charlie_mclean_37344b9bea/how-i-built-a-100100-pagespeed-score-with-astro-3ag https://dev.to/charlie_mclean_37344b9bea/how-i-built-a-100100-pagespeed-score-with-astro-3ag <p>When I started Base7 Studio I made one commitment — every site <br> we ship has to be fast. Not "pretty fast". Actually fast.</p> <p>Here's what gets us to 100/100 on Google PageSpeed consistently.</p> <h2> No page builders </h2> <p>Every site is hand-coded with Astro. No WordPress, no Webflow, <br> no Squarespace. Page builders ship enormous amounts of JavaScript <br> and CSS that the browser has to parse before anything renders. <br> We skip all of it.</p> <h2> Zero unused JavaScript </h2> <p>Astro ships zero JS by default. We only hydrate components that <br> actually need interactivity. Most pages on our sites ship with <br> less than 5kb of JavaScript.</p> <h2> Image optimisation </h2> <p>Astro's built-in Image component handles WebP conversion, lazy <br> loading, and correct sizing automatically. No more massive PNGs <br> killing your LCP score.</p> <h2> Font loading strategy </h2> <p>We use font-display: swap and preload only the weights we actually <br> use. Most sites load 6+ font variants they never render — that's <br> dead weight on every page load.</p> <h2> Self-hosted fonts </h2> <p>No Google Fonts requests. Every font is self-hosted and served <br> from the same domain. Eliminates a render-blocking third-party <br> request on every page load.</p> <h2> The result </h2> <p>Our own site at base7studio.com scores 100/100 on PageSpeed on <br> mobile. Every client site we ship goes through the same process.</p> <p>If you're building client sites with Astro I'd love to hear what <br> optimisations you're using — drop them in the comments.</p> <p>You can see it live at <a href="https://base7studio.com" rel="noopener noreferrer">base7studio.com</a> — <br> we also built a free PageSpeed checker on the site if you want to <br> test your own.</p> astro webdev performance javascript