웹 프레임워크 중 하나인 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가 꽤 좋은 결과를 보여주고 있습니다. 이래서 정리해서 보고서로 공개했겠지만 공개된 데이터로 측정했기에 어느정도의 의미는 있다고 봅니다.

2023 Web Framework Performance Report | Astro

Astro

2023 Web Framework Performance Report | Astro

다음 내용이 궁금하다면?

또는

이미 회원이신가요?

2023년 3월 19일 오후 5:25

 • 

저장 14조회 3,286

댓글 0

    함께 읽은 게시물

    깔끔한 이메일 주소

    ... 더 보기

    깔끔한 이메일 주소

    K리그 프로그래머

    깔끔한 이메일 주소

     • 

    저장 8 • 조회 2,140


    API 모킹 환경의 진화, MSG(Mock Service GUI)

    ... 더 보기

    - YouTube

    www.youtube.com

     - YouTube

     • 

    저장 18 • 조회 1,972


    개발 공부법: 코드를 무작정 따라 치지 마세요.

    "백문이 불여일타"라는 말이 있습니다. 백 번 듣는 것보다 한 번 직접 해보는 것이 낫다는 뜻인데요. 개발 공부에서도 실습이 중요하지만, 무작정 코드를 따라 치는 것은 비효율적입니다.단순 타이핑은 기계적인 반복일 뿐, 생각할 시간이 부족합니다. 타이핑을 하면서도 뇌는 적극적으로 학습하지 않아 코드를 이해하는 듯한 착각에 빠지기 쉽습니다. 따라서, 단순 따라 치기에서 벗어나 더 효과적인 학습 방법을 찾아야 하는데요

    ... 더 보기

     • 

    저장 118 • 조회 4,986



    엔지니어링의 핵심, 유지 보수가 가능한 파이프라인 구성하기

    ... 더 보기

    모던 데이터 파이프라인 구축기: 레거시를 넘어

    Medium

    모던 데이터 파이프라인 구축기: 레거시를 넘어

    React 19 정식 버전 출시

    ... 더 보기

    React v19 – React

    react.dev

    React v19 – React

     • 

    저장 11 • 조회 2,139