/speed_insight

Web performance checker using Google Lighthouse

Primary LanguageJava

speed_insight

Web performance checker using Google Lighthouse.

Speed Insight Design

1. 사용방법

  1. 프로젝트 빌드
    • ./collector/gradlew build -x test
    • ./processor/gradlew build -x test
    • ./dashborad/gradlew build -x test
  2. docker compose 시작
    • docker-compose up -d
  3. 대쉬보드

2. 의존성

  • google lighthouse
  • spring-boot
  • mysql

3. 프로젝트 구조

  • collector : spring-boot cron을 활용하여 lighthouse data를 json형식으로 생성
  • processor : collector에서 생성한 데이터를 db에 입력처리
  • dashboard : 수집한 데이터를 dashboard 형태로 표출

4. 대쉬보드 화면

대시보드 메인화면

자원 지연시간화면

수집URL 추가화면

5. TODO

  • 도커 컨테이너로 전환에 따른 환경설정 및 소스코드 변경필요
  1. application.properties를 동적으로 구성할 수 있는 방법 검토