Chrome에서 사이트의 성능을 개선할 수 있는 도구와 기법을 알아보세요.
PageSpeed Insights로 사이트 테스트하기

DevTools

DevTools는 웹페이지, 웹 워커, 확장 프로그램을 비롯해 컴퓨터에서 실행되는 웹 애플리케이션의 동작을 검사하고 디버그할 수 있는 도구 모음입니다.
DevTools를 사용하여 요소의 렌더링 및 레이아웃, JavaScript 실행, 네트워크 활동 등 사이트의 성능을 검사하고 디버그합니다.
기능 참조 섹션에서는 측정하는 실적 측정항목과 이러한 측정항목에 영향을 미치는 요소를 비롯하여 각 기능에 관한 자세한 정보를 제공합니다.
타임라인 이벤트 참조 섹션에서는 '성능' 패널의 타임라인에 표시되는 각 이벤트 유형에 관한 자세한 정보를 제공합니다.
통계는 사이트 실적을 개선하는 데 도움이 되는 실행 가능한 추천입니다.

Lighthouse

Lighthouse는 웹페이지의 성능을 쉽고 빠르게 감사할 수 있는 도구입니다.
Lighthouse에서 사이트의 성능 점수를 계산하는 방법을 알아봅니다.
측정항목 섹션에서는 Lighthouse에서 측정하는 각 성능 측정항목에 관한 자세한 정보를 제공합니다.
통계는 사이트 실적을 개선하는 데 도움이 되는 실행 가능한 추천입니다.
진단은 Lighthouse에서 사이트 성능 문제를 이해하고 디버깅하는 데 도움이 되도록 제공하는 추가 정보입니다.
과정

웹 성능은 페이지가 로드되는 속도와 페이지가 사용자 입력에 얼마나 반응하는지에 초점을 두는 웹 개발에서 중요한 측면입니다. 성능 향상을 위해 웹사이트를 최적화하면 사용자에게 더 나은 경험을 제공할 수 있습니다. 더 나은 사용자 경험은 웹사이트에 대해 염두에 두었던 목표를 달성하는 데 도움이 됩니다.

web.dev의 이 과정은 웹 성능을 처음 접하는 사용자를 위해 마련되었습니다.

학습 시작