Lighthouse Optimization

LightHouse Optimization

: 구글이 제공하는 LH 리포트. 웹서비스의 성능을 판단하는 지표이다. HERO8 Landing page 배포시 SEO 에서 이점을 얻기 위해 해당 지표에서 좋은 점수를 받는 것을 성능 평가 기준으로 삼기로 했다.

<개선한 항목>

• React. lazy () : 로드에 오랜 시간이 걸리는 asset의 경우 lazy 처리 한다.
• LCP : 위와 같다.
• cache policy : static asset 한정 캐쉬 duration 을 1년으로 권장한다. 그러나 failed..
• favicon.ico 추가

:모든 항목에서 100점을 목표로 하였지만 처음엔 80점 대였다가, 94점에서 네트워크 상황에따라 1-2점이 떨어졌다 올랐다 했다. 그렇지만 아무리 해도 100 점은 나오지 않았다.

:파이어베이스 배포를 위해 build (npm run build) 하고 나니 파일 크기가 작아져서, 속도개선이 1.3 에서 0.5 로 대폭 개선되었다. 결국 모든 항목값 100점 달성! 실제 SEO 에 효과가 있는지는 모르겠지만 무척 뿌듯했다.