내 Astro 사이트의 모바일 PageSpeed 점수를 100으로 끌어올린 8가지 성능 개선

Astro로 만든 사이트가 여러 가지 소규모 최적화를 묶어 적용해 모바일 PageSpeed 점수를 Performance, Accessibility, Best Practices, SEO 모두 100점으로 끌어올렸다.

핵심은 한 번의 큰 수정이 아니라 JavaScript 축소, 렌더 차단 리소스 제거, 로컬 폰트 사용, 인라인 CSS, 반응형 이미지 적용 같은 개선을 차근차근 쌓은 것이었다.

이 사례는 모바일 성능 향상이 종종 캐시 헤더, LCP, 폰트 로딩, 이미지 제공 방식 같은 세부 요소를 함께 다듬을 때 가장 크게 나타난다는 점을 보여준다.

결과적으로 Lighthouse와 실제 사용자 경험이 모두 개선됐고, waxedoc.com 같은 Astro 기반 사이트에 적용할 수 있는 실전형 웹 최적화 전략을 제시했다.