메로그

가끔 SEO 모니터링을 하다보면, 어제까지만 해도 빠름이었던 사이트 상태가 개선이 필요함으로 변경되는 경우가 발생하는 것을 볼 수 있다. 사이트를 변경하지 않았는데 여러 페이지의 상태가 크게 바뀐 경우, 많은 페이지가 경계선 상태(빠름 / 개선이 필요함 / 느림)에 있다가 사이트 수준의 이벤트로 인해 그 경계선을 넘었을 가능성이 있습니다. 예를 들어 사이트 트래픽이 크게 증가하거나 이미지 파일을 제공하는 서비스의 지연 시간이 바뀌면 사이트 속도가 느려질 수 있습니다. 사이트 수준의 작은 변경사항만으로도 가까스로 '빠름' 상태를 유지하고 있던 여러 페이지가 '개선이 필요함' 카테고리로 내려갈 수 있으며, '개선이 필요함'에서 '느림'으로 바뀔 수도 있습니다. 확률은 낮지만 또 한 가지 가능한 원인은 고객의..

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