Google은 새로운 버전의 Lighthouse로 PageSpeed Insights를 업데이트했습니다. 새 버전에는 새로운 감사, 버그 수정 및 채점 변경 사항이 포함되어 있습니다.
Lighthouse 11
Lighthouse는 웹사이트 성능 문제를 디버그하는 데 도움이 되는 오픈 소스 측정 도구입니다.
이는 또한 PageSpeed Insights 및 핵심 웹 바이탈을 측정하는 기타 도구를 구동하는 기술이기도 합니다.
Google은 8월 28일 월요일에 최신 버전인 Lighthouse 11을 출시했습니다.
Lighthouse 11/PageSpeed Insights 변경 사항
많은 변화가 도입되었습니다.
다음과 같은 변경 및 추가 사항이 주목할 만합니다.
- 새로운 접근성 감사
- 모범 사례 점수 매기기 방법 변경
- 가장 큰 콘텐츠가 포함된 페인트 점수 버그가 수정되었습니다.
- 더 이상 실험적이지 않음을 반영하기 위해 다음 페인트(INP)에 대한 상호 작용을 업데이트했습니다.
- 다양한 기타 버그 수정
다음 페인트(INP)와의 상호작용
INP( Interaction to Next Paint )는 전체 웹페이지의 상호작용을 측정하는 새로운 측정항목입니다.
이전에는 실험적 지표였지만 올해 5월 구글은 실험 단계에서 이를 삭제했으며 2024년 공식 Core Web Vital이 될 예정입니다.
Lighthouse 11의 변경은 INP가 더 이상 실험적이지 않다는 점을 공식적으로 반영하는 것입니다.
콘텐츠가 포함된 최대 페인트(LCP) 점수 버그 수정
LCP 진단 피드백에서는 Lighthouse 10.2.0에 도입된 버그인 채점 오류를 보여주었습니다.
GitHub 오류 보고서 에 따르면 :
“콘텐츠가 포함된 가장 큰 페인트 요소 – 오류입니다!” 귀하의 사이트(https://web.dev/)를 포함한 모든 웹사이트에 표시됩니다.
PageSpeed Insights를 사용할 때 최신 버전의 Lighthouse(Lighthouse 10.2.0)에서 발생하는 버그인 것 같습니다.”
PageSpeed Insights의 버그 스크린샷
접근성 감사
웹사이트 접근성은 현재 순위 요소가 아니며 품질 신호도 아닐 가능성이 높습니다.
그것은 사회에 좋고 궁극적으로 수익에도 좋습니다.
Lighthouse 11에는 13개의 새로운 접근성 감사가 도입되었습니다.
- 아리아 허용 역할
- 아리아-대화-이름
- 아리아 텍스트
- html-xml-lang-불일치
- 이미지 중복 대체
- 입력 버튼 이름
- 라벨 콘텐츠 이름 불일치
- 텍스트 블록 내 링크
- 이름 선택
- 건너뛰기 링크
- 테이블-중복-이름
- 테이블 가짜 캡션
- td-has-헤더
Aria 허용 역할
간단히 말해서 aria-allowed-role 은 보조 기술을 사용하는 사람들이 웹페이지와 상호 작용하는 데 도움이 되는 레이블 그룹의 이름 입니다 .
랜드마크 역할에 대한 Mozilla 참조 페이지에서는 다음을 설명합니다.
“랜드마크는 사용자가 해당 섹션으로 쉽게 이동하고 동적으로 생성된 페이지 요약에 포함되기를 원할 정도로 중요한 콘텐츠 섹션에 대한 추상적인 역할입니다.
랜드마크를 사용하면 보조 기술을 통해 콘텐츠를 빠르게 탐색하고 찾을 수 있습니다.”
이미지-중복-Alt
image-redundant-alt는 동일한 내용을 말하는 텍스트 옆에 배치되어 중복되는 대체 텍스트를 식별하기 위한 감사입니다.
중복성의 예로는 버튼의 대체 텍스트에 “여기를 클릭하세요”라고 되어 있고 동일한 텍스트(여기를 클릭하세요)가 버튼 아래에 있는 경우입니다.
화면 판독기는 대체 텍스트와 텍스트를 읽습니다. 여기를 클릭하세요. 여기를 클릭하세요.
Lighthouse 11 업데이트
이 업데이트에는 PageSpeed Insights에 대한 많은 중요한 변경 사항이 포함되어 있으며 2024년에 예정된 더 큰 변경 사항을 제시합니다.
공식 공지 읽기
공식 발표는 GitHub의 수십 개의 오류 보고서를 포함하여 여러 페이지에 걸쳐 분산되어 있습니다.