웹 프레임워크 중 하나인 Astro에서 최근 많이 쓰이는 웹 프레임워크인 Astro, Gatsby, Next.js, Nuxt, Remix, SveltKit의 성능을 비교한 글입니다.
보통 어떤 테스트 시나리오나 앱을 만들어서 비교하기 때문에 자신들에게 유리한 테스트 위주로 하는 경향이 있지만 Astro는 자신감이 있었는지 자체 테스트 보다는 현실의 데이터로 성능 테스트 결과를 분석했습니다.
테스트 환경이 아닌 현실에서의 성능과 웹사이트의 주요 성능 지표로 쓰이는 Core Web Vitals을 취주로 비교했고 이를 파악하기 위해 실제 사용자의 데이터를 수집한 CrUX와 HTTP 아카이브의 데이터, Core Web Vitals 기술 보고서를 참고 했고 직접 테스트하지 않고 공개된 데이터만 사용했다고 강조하고 있습니다. 위 모던 프레임워크와 비교를 위해 많이 쓰이는 WordPress도 비교 결과에 넣었습니다.
Core Web Vitals(CWV), First Input Delay(FID), Cumulative Layout Shift(CLS), Largest Contentful Paint(LCP), Interaction to Next Paint(INP)에서 Astro가 꽤 좋은 결과를 보여주고 있습니다. 이래서 정리해서 보고서로 공개했겠지만 공개된 데이터로 측정했기에 어느정도의 의미는 있다고 봅니다.