Lighthouse, 이제 PageSpeed Insights 지원

2018년 11월 12일 월요일

속도는 중요합니다. 그래서 Google에서는 누구나 페이지 또는 사이트의 속도를 파악할 수 있도록 다양한 도구를 제공합니다. 지금까지 이러한 도구에서는 다양한 분석 엔진을 사용했지만 각 도구의 권장사항이 서로 다르기 때문에 약간의 혼란이 야기되었습니다. Pagespeed Insights(PSI)에서 Lighthouse를 분석 엔진으로 사용하게 되었다는 소식을 알려드릴 수 있어 기쁩니다. 개발자는 PSI를 통해 웹, 명령줄, Chrome DevTools 등 어디서나 동일한 성능 감사 및 권장사항을 확인할 수 있습니다. 또한 Chrome 사용자 환경 보고서(CrUX)에서 제공하는 필드 데이터도 PSI에 통합됩니다. PageSpeed Insights API 버전 5에서 CrUX 데이터와 모든 Lighthouse 감사가 제공될 예정이며 6개월 후 이전 버전의 PSI API는 지원 중단됩니다. Lighthouse, 이제 PageSpeed Insights 지원

PageSpeed Insights에서는 다음 정보를 제공합니다.

  • 실습 데이터: PSI는 휴대기기가 페이지를 로드하는 방식을 시뮬레이션하는 Lighthouse를 사용해 페이지를 가져오고 분석합니다. PSI는 페이지의 성능 측정항목 집합(예: 콘텐츠가 포함된 첫 페인트 및 상호작용 시작 시간)을 계산하고 이러한 측정항목을 0~100의 성능 점수로 요약하여 보여줍니다. 점수는 3가지 수준으로 분류되며 90점 이상을 얻어야 좋은 점수로 간주됩니다.
  • 필드 데이터: PSI는 페이지 및 페이지의 출처에 대해 실제 성능 측정항목(콘텐츠가 포함된 첫 페인트 및 상호작용 시작 시간)도 보여줍니다. 그 결과 PSI에서 origin: query의 지원도 중단되었습니다. 모든 사이트에 표시할 수 있는 필드 데이터가 있는 것은 아닙니다. 매일 업데이트되며 이전 28일 동안 집계된 Chrome 사용자 환경 보고서의 버전을 기반으로 데이터 세트가 제공됩니다. 여기에 표시된 측정항목은 실습 데이터 섹션의 측정항목과 다를 수 있습니다. 실습 데이터 섹션의 측정항목은 Chrome 사용자가 사용하는 다양한 실제 네트워크 조건과 기기를 반영하기 때문입니다.
  • 기회: PSI는 페이지의 성능 측정항목을 개선하는 방법에 관한 제안을 제공합니다. 이 섹션에 표시되는 각각의 제안은 개선사항이 구현되면 페이지가 얼마나 빨리 로드될지를 추정합니다.
  • 진단: 이 섹션에서는 페이지가 웹 개발 권장사항을 얼마나 잘 준수하고 있는지에 관해 추가 정보를 제공합니다.

이제 PSI v5 API를 사용하면 특정 URL에 관한 새로운 분석 결과, CrUX 데이터, 모든 Lighthouse 카테고리 데이터(성능, 프로그레시브 웹 앱, 접근성, 권장사항, 검색엔진 최적화)가 반환됩니다.

변경사항에 관한 자세한 내용은 FAQ를 참고하세요. PageSpeed Insights 사용과 관련하여 답변 가능한 구체적인 질문이 있으면 Stack Overflow에서 영어로 질문해 주세요. 일반적인 질문, 의견, 토론의 경우 메일링 리스트에서 대화목록을 시작하세요.