AMP 페이지 성능 측정 - 폭포형 차트(Waterfall Charts)

1 min read

폭포형 차트(Waterfall charts)는 브라우저가 웹 페이지 리소스를 다운로드하고 처리하는 과정을 타임 라인에 표시합니다. 항목이 다운로드 되는 순서 또는 성능 저하 지점이 어딘지 등을 시각적으로 명확하게 표현합니다. 이것은 사용자에게 좋은 웹 성능을 제공하기 위해 없어서는 안 될 필수 요소입니다.

폭포형 차트는 페이지 성능 검사 사이트에서 확인할 수 있습니다.

WebPagetest.org

WebPagetest는 웹 페이지 성능을 테스트하기 위한 온라인 사이트 중 하나입니다. 이 성능 테스트 도구는 전 세계 여러 위치에서 실제 장치 및 브라우저, 다양한 네트워크 유형 및 품질을 테스트할 수 있으며 무료로 사용할 수 있습니다.

WebPagetest는 또한 유형 및 크기별로 http 요청 수를 보고하고 렌더링 진행 상황에 대한 필름 스트립 스냅 샷을 제공합니다. 또한 테스트 중에 렌더링된 페이지의 동영상을 다시 볼 수 있습니다.

다음 이미지에서 페이지에 대한 성능 테스트를 볼 수 있습니다.

방문해주셔서 감사합니다. 즐거운 하루 되세요!

관심 있을 만한 글

  • AMP 프로젝트는 전용 사이트인 AMP Start (ampstart.com)를 제공합니다. 이 사이트는 무료로 사용 및 수정이 가능하고 이미 완성된 표준 AMP 템플릿을 지원합니다. 바로 사용할 수 있게 미리 만들어진 템플릿 및 구성 요소를 찾고 있다면 참고할 수 있습니…
  • 폭포형 차트(Waterfall charts)는 브라우저가 웹 페이지 리소스를 다운로드하고 처리하는 과정을 타임 라인에 표시합니다. 항목이 다운로드 되는 순서 또는 성능 저하 지점이 어딘지 등을 시각적으로 명확하게 표현합니다. 이것은 사용자에게 좋은 웹 성능을 제공하기 위해 없어서는 안 될 필수 요소입니다.…
  • 왜 모든 AMP 페이지에 <style amp-boilerplate> 코드를 포함해야 하는지에 대해 궁금할 수 있습니다. 이것은 AMP 페이지가 로드되는 동안 스타일이 정해지지 않은 콘텐츠가 페이지에 미치는 악영향을 방지하기 위해 AMP 프로젝트 팀이 개발한 방법으로 페이지 렌더링에 꼭 필요한…
  • 구글 페이지스피드 인사이트(Google PageSpeed Insights)는 사용하기 쉬운 웹 성능 테스트 도구입니다. Google에서 운영하는 무료 서비스이며 사이트에 점수를 매겨 웹 페이지에 대한 빠르고 간단한 분석을 제공합니다. 입력창에 URL주소를 입력하면 테스트가 진행되며, 페이지 내 콘텐츠…
  • 접을 수 있는 메뉴는 화면 공간이 제한된 모바일 장치에서 사용자 경험을 개선하는 데 도움이 될 수 있습니다. 아코디언 구성 요소는 확장 또는 축소할 수 있는 콘텐츠 목록입니다. 예를 들어, 댓글 섹션을 접거나 내비게이션 메뉴에서 카테고리를 접었다 펴는 것과 같이 다양한 …
  • 최신 Chrome 브라우저는 훌륭한 소프트웨어입니다. 무엇보다 프로파일링을 제공하여 웹 페이지에 대한 심층적인 분석과 성능 데이터를 제공합니다. 요즘은 Chrome 브라우저뿐만 아니라 대부분의 최신 웹 브라우저에서 개발자 도구를 사용할 수 있습니다. 이 개발자 도구를 사용하면 USB를 통해 모바일 기기를 …

댓글 쓰기