How I built a 100/100 PageSpeed score with Astro
Charlie McLean shares his approach to achieving a perfect 100/100 PageSpeed score using Astro. He emphasizes the importance of hand-coding websites without page builders and optimizing JavaScript and images. The strategies outlined include self-hosting fonts and implementing efficient loading techniques.
- ▪Every site developed by Base7 Studio is hand-coded with Astro, avoiding the use of page builders.
- ▪Astro ships zero JavaScript by default, with most pages using less than 5kb of JavaScript.
- ▪The built-in Image component in Astro optimizes images automatically, improving loading performance.
Opening excerpt (first ~120 words) tap to expand
try { if(localStorage) { let currentUser = localStorage.getItem('current_user'); if (currentUser) { currentUser = JSON.parse(currentUser); if (currentUser.id === 3965910) { document.getElementById('article-show-container').classList.add('current-user-is-article-author'); } } } } catch (e) { console.error(e); } Charlie McLean Posted on Jun 3 How I built a 100/100 PageSpeed score with Astro #javascript #webdev #astro #performance When I started Base7 Studio I made one commitment — every site we ship has to be fast. Not "pretty fast". Actually fast. Here's what gets us to 100/100 on Google PageSpeed consistently. No page builders Every site is hand-coded with Astro. No WordPress, no Webflow, no Squarespace.
…
Excerpt limited to ~120 words for fair-use compliance. The full article is at DEV.to (Top).
Discussion
0 commentsMore from DEV.to (Top)
