캐쉬1 크롬 Lighthouse를 사용한 웹성능 개선하기 크롬에서 제공하는 Lighthouse는 웹의 성능, 접근성, SEO 등을 평가해주는 서비스입니다. 평가뿐 아니라 개선 방향까지도 제안해주기 때문에 웹사이트를 향상시키는 데 도움이 됩니다. Lighthouse를 참고해서 성능에 대한 React App을 개선하는 방법들을 살펴보았습니다. 웹 성능 개선 적용 전후 비교 Lighthouse에서 성능 개선을 위해 제안해준 몇 가지를 적용해봤습니다. 다음과 같이 평가점수가 높아졌습니다. Lighthouse 점수 전 후 모바일 17 53 데스크탑 71 92 적용해본 웹성능 개선 방법은 아래와 같습니다. 이미지 - WebP 이미지 형식 사용하기 전통적인 이미지 포맷인 PNG나 JPEG에 비해 25–35% 가량 파일 사이즈를 줄일수 있다. 지원하지 않는 브라우저를 위해 .. 2021. 2. 11. 이전 1 다음
