페이지 속도 최적화

파일을 줄이는 것은 방문자가 실제로 겪는 지연을 해결할 때 도움이 됩니다. 늦게 발견되는 이미지, 막힌 메인 스레드, 첫 렌더링에 필요한 스타일시트는 서로 다른 의존성입니다.

이 섹션은 PageSpeed Insights와 Lighthouse를 읽는 방법부터 이미지, JavaScript, CSS, 글꼴, 서드 파티 통합을 조사하는 과정까지 설명합니다. 예제는 레이아웃과 기능을 유지하면서 페이지의 다음 유용한 부분을 빠르게 제공하는 데 초점을 둡니다.

대표 페이지와 저장한 기록으로 시작합니다. 결과를 늦추는 자원이나 작업을 추적하고 관련 구현 하나를 바꾼 뒤 같은 조건에서 비교합니다. 하나의 합성 점수를 전체 경험으로 여기지 말고 실험 증거와 함께 필드 측정값을 확인합니다.