성능은 웹 애플리케이션의 효율성, 속도, 응답성을 의미합니다. 로드 시간이 느리고 활동이 없으면 이탈률이 높고 전환율이 낮습니다. 따라서 콘텐츠 기반 애플리케이션 개발은 사용자가 애플리케이션과 원활하고 효율적으로 상호작용할 수 있도록 성능에 우선순위를 두어야 합니다. 웹 애플리케이션의 속도와 반응성은 모든 업종에서 중요합니다. 뉴스 애플리케이션은 가능한 한 빨리 기사를 제공해야 하고, 전자상거래 애플리케이션은 잠재적 고객의 관심을 유지하기 위해 제품을 빠르게 로드해야 하며, 문서나 블로그는 명확한 탐색과 독자의 만족도를 위해 빠른 로드가 필요합니다.
콘텐츠 기반 애플리케이션의 성능을 평가하는 도구는 다음과 같습니다.
- PageSpeed Insights (PSI): web.dev로 실행하는 도구는 모바일 및 데스크톱 환경을 확인하고 개선할 점을 제안하는 도구입니다. 이 기능은 Chrome 사용자 환경 보고서 (CrUX) 데이터 세트를 기반으로 하며 여러 유형의 환경을 확인합니다.
- Lighthouse: Google Chrome 개발자 도구에서 찾을 수 있으며 성능, 접근성, 권장사항, 검색엔진 최적화 및 PWA 감사와 같은 웹 애플리케이션의 여러 측면을 측정하는 브라우저 확장 프로그램이 있습니다.
코어 웹 바이탈 도구에는 다음과 같은 측면이 있습니다.
- 최대 콘텐츠 렌더링 시간 (LCP): 로드 성능을 측정합니다. LCP는 페이지가 처음 로드되기 시작한 후 2.5초 이내에 발생해야 합니다.
- 최초 입력 반응 시간 (FID): 상호작용을 측정합니다. 페이지의 FID는 100밀리초 이하여야 합니다.
- 레이아웃 변경 횟수 (CLS): 시각적 안정성을 측정합니다. 페이지의 CLS를 0.1 이하로 유지해야 합니다.