Google 공개 최근에 Lighthouse 도구의 출판 소식, pFirefox 웹 브라우저의 경우 제공된 보완으로 브라우저. Firefox 부가 기능은 Lighthouse 핵심 개발 팀에서 준비하고 PageSpeed Insights API를 사용합니다. 보고서를 생성합니다.
Lighthouse에 익숙하지 않은 사용자는 웹 애플리케이션의 품질을 향상 시키도록 설계된 Chrome에 포함 된 웹 개발자를위한 오픈 소스 자동화 도구라는 것을 알아야합니다.
Lighthouse를 사용하면 일련의 테스트를 실행하는 것으로 충분합니다. 그러면 페이지 성능에 대한 보고서가 생성됩니다. 여기에서 개발자는 얻은 데이터를 지표로 사용할 수 있습니다.,이를 통해 웹 애플리케이션을 개선 할 수 있습니다.
플러그인을 통해 병목 웹 응용 프로그램의 성능에서 구성 요소 로딩 속도 및 리소스 소비, JavaScript에서 불필요하게 리소스 집약적 인 작업 식별, http 서버 구성의 문제 식별, 검색 엔진 인덱싱 (SEO)을위한 설계 최적화 평가 그리고 웹 기술 사용의 관련성과 장애가있는 사람들을위한 웹 애플리케이션의 적합성을 조사하고 약한 CPU와 낮은 네트워크 대역폭의 애플리케이션 시뮬레이션을 지원합니다.
기본적으로 Google Lighthouse를 사용하면 다음을 포함하여 웹 사이트에 대해 많은 정보를 얻을 수 있습니다.
- 첫 번째 이미지 또는 콘텐츠가 사용자 화면에 표시되는 데 걸리는 시간입니다.
- 사이트의 robots.txt 파일이 올바르게 구성되고 추적 가능한지 여부
- 사용자가 처음으로 페이지와 상호 작용할 수있는 경우
- 사이트의 속도 등급
보고서는 여러 섹션으로 나뉩니다.
- 공연: 사이트 성능의 기본 사항을 현재 상태로 보여줍니다. 이 보고서는 다른 어떤 요소보다 사이트 로딩 속도에 더 중점을 둡니다.
- 기회 : 사이트 속도를 높이고 성능을 향상시킬 수있는 기회를 제공합니다. 이러한 기회는 텍스트 압축 사용과 같이 매우 구체적입니다.
- 진단 : 파일 크기가 너무 커서 잠재적으로로드 시간을 늦추는 것과 같이 해결해야하는 사이트의 특정 문제를 지적합니다. 문제가 무엇인지, 사이트에 어떤 영향을 미치는지, 왜 수정해야하는지 정확히 알려줍니다.
- 프로그레시브 웹 앱-웹 애플리케이션에 대한 자세한 감사를 제공하고 모바일 애플리케이션이 청중을 위해 안정적이고 작동하는지 확인할 수 있습니다. 이것은 가치가 있습니다. 많은 감사 도구가이를 제공하지 않습니다.
- 접근성 : 사이트의 접근성을 높이고 탐색하거나 사용하기 쉽게 만드는 방법을 보여줍니다. UX 디자인은 사이트의 효율성에 필수적이므로 무시해서는 안됩니다.
- 더 나은 방법 : HTML 구현 및 이미지 표시를 포함하여 사이트를 안정적으로 최적화하는 가장 좋은 방법을 설명합니다.
- SEO : 검색 엔진에서 사이트의 성능과 순위 잠재력에 영향을 미치는 다양한 요인을 자세히 살펴 봅니다. 그들은 콘텐츠 품질, 추적 성, 모바일 장치 호환성 등의 지표를 살펴보고 검색 엔진 가시성을 최대화하는 새로운 방법을 식별하는 데 도움을줍니다.
등대 받기
마지막으로,이 부가 기능을 설치하고 테스트하는 데 관심이있는 사람들은 Firefox 부가 기능 스토어에서 검색하거나 할 수 있습니다. 아래 링크에서.
Chrome 사용자 인 경우 처음에 언급했듯이 Lighthouse는 "Audits"패널에서 Chrome 개발자 도구에 직접 통합됩니다.
브라우저 확장으로도 사용할 수 있지만 이 링크.
이 도구를 그래픽 및 CLI 모드에서 사용하는 방법에 대해서는 해당 설명서를 참조하십시오. 다음 링크에서.