Lighthouse

Lighthouse는 크롬 개발자 도구에 내장되어 있고 여러 다른 인터페이스를 통해서도 사용할 수 있는 오픈 소스 감사 도구로, 페이지를 분석하여 성능, 접근성, 모범 사례 및 검색 최적화에 대한 보고서를 제공합니다. 각 범주별로 0에서 100까지의 점수와 함께 구체적인 결과 및 예상 절감액을 제시합니다.

이 도구의 가치는 점수보다는 진단에 있습니다. 개별 감사에서는 렌더링을 차단하는 리소스, 과도하게 큰 이미지, 사용되지 않는 코드, 누락된 접근성 속성, 장시간 실행되는 메인 스레드 작업 등 특정 문제와 그에 대한 해결책을 식별합니다. 예상되는 영향도 순으로 정렬된 이 목록은 개선 작업을 위한 실질적인 출발점이며, 이를 얻기 위해 특별한 도구가 필요하지 않습니다.

성능 점수 자체가 오용될 소지가 더 큽니다. 성능 점수는 특정 조건에서 단일 시뮬레이션 실행을 통해 측정된 여러 지표의 가중치를 종합한 값이며, 실제 사용자가 경험하는 것을 정확하게 반영하는 것은 아닙니다. 동일한 페이지를 두 번 실행하더라도 결과가 다르게 나오는 경우가 흔한데, 이는 도구가 네트워크 및 프로세서 성능 저하를 시뮬레이션하고 실제 시스템 부하가 변동하기 때문입니다. 따라서 단일 점수를 정확한 측정값으로 간주하면 결국 오차를 줄이기 위한 노력에만 매몰될 수 있습니다.

실험실 데이터와 현장 데이터의 차이점을 이해하는 것이 가장 중요합니다. 라이트하우스는 통제된 환경에서 합성 테스트를 수행하는 반면, 실제 사용자로부터 수집된 현장 데이터는 사용자층의 기기, 연결 상태, 위치 분포를 정확하게 반영합니다. 웹페이지가 실험실에서는 좋은 점수를 받았지만 현장에서는 저조한 성능을 보일 수도 있고, 그 반대의 경우도 있습니다. 검색 순위 시스템은 라이트하우스 점수보다는 현장 데이터를 활용합니다. 두 데이터 모두 서로 다른 용도로 유용합니다. 현장 데이터는 문제가 있는지 여부를 파악하는 데 도움을 주고, 라이트하우스는 문제의 원인을 진단하는 데 도움을 줍니다.

만점을 쫓는 것은 대개 비효율적인 노력입니다. 최종 점수를 얻기 위해 실제 사용자에게 미치는 영향이 미미한 문제에 과도한 노력을 기울여야 하는 경우가 많은데, 실질적인 이득은 처음 몇 페이지를 크게 개선하는 데서 비롯됩니다. 좋은 점수를 얻은 후 상업적으로 중요한 페이지의 현장 데이터를 분석하는 것이, 단 하나의 페이지를 100개 페이지로 최적화하는 것보다 훨씬 효과적입니다.

접근성 항목은 점수 체계가 위험한 결론을 유도할 수 있으므로 특히 주의해야 합니다. 자동 검사는 접근성 요구 사항의 극히 일부만을 다루며, 만점을 받은 페이지라도 화면 낭독기를 사용할 수 없는 경우가 있습니다. 이 점수를 접근성의 증거로 받아들이는 것은 흔하고 심각한 오류이며, 해당 도구의 설명서에도 이러한 내용이 명시되어 있습니다.

테스트 조건은 있는 그대로 받아들이기보다는 의도적으로 설정해야 합니다. 이 도구의 기본 성능 제한은 느린 인터넷 연결 상태의 중간급 모바일 기기를 기준으로 설정되어 있어 많은 사용자에게 적합하지만, 일부 사용자에게는 지나치게 비관적이거나 낙관적일 수 있습니다. 사이트 자체의 현장 데이터에서 나타나는 일반적인 기기 및 연결 환경에 맞춰 프로필을 구성하면 일반적인 가정이 아닌 실제 사용 환경을 반영하는 진단 결과를 얻을 수 있습니다.

빌드 파이프라인에서 도구를 자동화하면 진단뿐 아니라 예방까지 그 유용성이 확장됩니다. 정의된 임계값을 기준으로 각 변경 사항에 대한 감사를 실행하면 배포 전에 회귀 오류를 발견할 수 있으므로 주기적인 수동 검사보다 훨씬 효과적입니다. 실행 간 편차를 고려하여 임계값에는 적절한 허용 오차를 두어야 하며, 반복 실행 결과를 평균화해야 합니다. 그렇지 않으면 검사에서 잘못된 오류가 발생하여 결국 무시될 수 있습니다.

이 도구는 증상을 파악하는 데 그치지 않고, 해결책은 종종 아키텍처 및 제3자 결정에 달려 있기 때문에, 그 결과는 작업 계획이라기보다는 출발점에 가깝습니다. 실제로 감사 결과는 내부에서 이루어지는 우선순위 설정에 도움이 됩니다. 웹 성능 작업 과정에서 수정 사항이 구현됩니다. 방열판 열 관리용접근성 관련 결과는 적절한 개선을 위한 첫 번째 단계로 간주되어야 합니다. UX 감사 수동 및 보조 기술을 활용한 테스트는 확대되어야 합니다.