lighthouse ci

등대 CI

개요

Lighthouse CI는 Lighthouse 결과를 최대한 쉽게 지속적으로 실행, 저장, 검색 및 어설션할 수 있게 해주는 도구 모음입니다.

빠른 시작

일반 프로젝트 구성을 위한 GitHub 작업을 시작하려면 GitHub 리포지토리에 다음 파일을 추가하세요. 다른 공급자 및 설정에 대한 보다 완전한 연습과 지침을 보려면 시작하기 가이드를 따르세요.

.github/workflows/ci.yml

 name : CI
on : [push]
jobs :
  lighthouseci :
    runs-on : ubuntu-latest
    steps :
      - uses : actions/checkout@v3
      - uses : actions/setup-node@v3
        with :
          node-version : 18
      - run : npm install && npm install -g @lhci/[email protected]
      - run : npm run build
      - run : lhci autorun

특징

• 모든 PR과 함께 Lighthouse 보고서를 받으세요.
• 접근성, SEO, 오프라인 지원 및 성능 모범 사례의 회귀를 방지합니다.
• 시간 경과에 따른 성과 지표와 Lighthouse 점수를 추적하세요.
• 스크립트와 이미지에 대한 성능 예산을 설정하고 유지하세요.
• 차이를 줄이기 위해 Lighthouse를 여러 번 실행하세요.
• 사이트의 두 가지 버전을 비교하여 개별 리소스의 개선 사항과 퇴보 사항을 찾아보세요.

선적 서류 비치

지속적 통합에 이미 익숙하고 기존 프로세스가 있는 경우 시작하기부터 시작하세요.

지속적인 통합에 익숙 하지 않다면 CI 소개부터 시작하세요.

• CI 소개
• 시작하기
• 건축학
• 문제 해결/FAQ
• 구성
• 섬기는 사람
• 버전 관리 정책

관련 커뮤니티 프로젝트

커뮤니티에서 작성한 Lighthouse CI를 사용하는 프로젝트 모음입니다. 오픈 소스 프로젝트에서 Lighthouse CI를 사용하는 경우 PR을 열어 여기에 추가하세요!

• Lighthouse CI GitHub Action - 인프라가 필요 없이 GitHub Actions를 사용하여 모든 PR에서 Lighthouse CI를 자동으로 실행합니다.

• Lighthouse CI 스타터 예제 - 처음부터 시작할 때 템플릿으로 사용할 수 있는 최소 예제 저장소는 create-react-app을 사용하여 초보자에게 친숙한 빠른 시작 가이드를 제공합니다.

• Lighthouse CI 비교 작업 - 현재 커밋 실행을 상위 커밋과 비교하고 차이점이 있는 객체와 다양한 목적으로 사용할 수 있는 Markdown 테이블을 생성하는 Lighthouse CI Github 작업입니다.

커뮤니티 가이드

Lighthouse CI 사용에 관해 커뮤니티에서 작성한 비공식 블로그 게시물, 튜토리얼 및 가이드 모음입니다. 프로젝트에서 Lighthouse CI 사용에 대한 가이드를 작성한 경우 PR을 열어 여기에 추가하세요!

참고: 이 문서는 공식 문서가 아닙니다. 계속하기 전에 Lighthouse CI에 익숙해지고 시작하기를 읽어보는 것이 좋습니다.

• 정적 웹 사이트 생성기를 위한 Lighthouse CI 통합 - Lighthouse CI를 Gatsby, Jekyll 등과 같은 정적 웹 사이트 생성기와 통합하는 방법에 대한 기사입니다.
• Google Lighthouse 감사 자동화 및 Azure에 결과 업로드 - 이 문서에서는 웹 사이트에 대해 실행되도록 Lighthouse CI를 구성하고 로컬 및 Azure에서 실행되는 Lighthouse CI 서버 Docker 컨테이너에 결과를 업로드하는 방법을 다룹니다.

기여

lighthouse-ci에 대한 기여를 환영합니다! 시작하려면 기여 가이드를 읽어보세요.