메로그

웹페이지 성능 개선 방법 Lighthouse 를 기반으로 측정하고 나온 항목들을 구글이 추천하는 개선 방법을 사용하여 웹페이지의 성능 개선을 한다. Lighthouse 웹페이지의 품질을 개선할 수 있도록 도와주는 도구로써 개발자도구에 Lighthouse 탭을 이용하거나 npm 모듈을 설치해서 사용하면 됩니다. 크게 5개의 항목을 기준으로 퍼포먼스가 표시됩니다. 퍼포먼스 말고도 Accessibility, Best Practices, SEO, Progressive Web App 를 볼 수 있습니다. FCP: 콘텐츠가 포함된 첫 페인트는 첫 번째 텍스트 또는 이미지가 표시되는 시간을 나타냅니다. 초기 서버 응답을 줄이는 방법으로 폰트 최적화, CSR => SSR, 코드 경량화. LCP: 최대 콘텐츠 렌더링 시..