Lighthouse 2.8 업데이트

Lighthouse 2.8이 출시되었습니다. 주요 특징은 다음과 같습니다.

새로운 기능, 변경사항, 버그 수정에 관한 전체 목록은 2.8 출시 노트를 참고하세요.

2.8로 업데이트하는 방법

  • NPM npm update lighthouse을 실행하거나 Lighthouse를 전역적으로 설치한 경우 npm update lighthouse -g 플래그를 실행합니다.
  • Chrome 확장 프로그램을 탭합니다. 확장 프로그램은 자동으로 업데이트되지만 chrome://extensions를 통해 수동으로 업데이트할 수 있습니다.
  • 개발자 도구입니다. 감사 패널은 Chrome 65에서 2.8과 함께 제공됩니다. chrome://version를 통해 실행 중인 Chrome 버전을 확인할 수 있습니다. Chrome은 약 6주마다 새 버전으로 업데이트됩니다. Chrome Canary를 다운로드하면 최신 Chrome 코드를 실행할 수 있습니다.

새로운 실적 및 검색엔진 최적화 감사

플러그인 방지 감사에는 페이지에서 모바일 친화성을 보장할 수 없으므로 삭제해야 하는 플러그인이 나열됩니다. 대부분의 휴대기기는 플러그인을 지원하지 않습니다.

플러그인 방지 감사
그림 1. 플러그인 방지 감사

검색엔진 최적화 카테고리의 문서에 유효한 rel=canonical 감사는 rel=canonical URL이 있는지 검사하여 크롤러가 검색결과에 표시할 URL을 파악할 수 있도록 합니다.

문서에 유효한 rel=canonical 감사가 있습니다.
그림 2. 문서에 유효한 rel=canonical 감사가 있음

페이지가 모바일 친화적임구조화된 데이터가 유효함 수동 감사는 검색엔진 최적화를 더욱 개선하는 데 도움이 됩니다. 여기서 '수동'은 Lighthouse에서 이러한 감사를 자동화할 수 없으므로 직접 테스트해야 한다는 의미입니다.

수동 검색엔진 최적화 감사
그림 3. 수동 검색엔진 최적화 감사

성능 카테고리의 CSS 압축JavaScript 압축 감사에서는 페이로드 크기를 줄이고 파싱 시간을 줄이기 위해 축소할 수 있는 CSS 또는 JavaScript가 있는지 확인합니다.

CSS 축소 및 JavaScript 축소 감사
그림 4. CSS 축소JavaScript 축소 감사

Lighthouse 보고서의 첫 번째 카테고리 실적

이제 Lighthouse 보고서에서 성능이 가장 먼저 표시됩니다. 일부 사용자는 Lighthouse가 프로그레시브 웹 앱 전용이라고 생각했습니다. Lighthouse가 보고서의 첫 번째 카테고리이기 때문입니다. 실제로 Lighthouse는 프로그레시브 웹 앱 여부와 관계없이 웹페이지를 개선하는 방법을 이해하는 데 도움이 될 수 있습니다.

업데이트된 접근성 점수

특정 페이지에 접근성 감사가 적용되지 않는 경우 해당 감사는 더 이상 접근성 점수에 포함되지 않습니다.

새로운 로딩 메시지 및 요약 정보

Chrome DevTools의 로딩 메시지와 요약 정보
그림 5. Chrome DevTools의 로드 메시지 및 요약 정보

새로운 Lighthouse 출시 가이드

출시 시기, 이름 지정 규칙 등에 대한 자세한 내용은 유지관리 담당자를 위한 출시 가이드를 참고하세요.