lighthouse1 Lighthouse로 performance 측정하기 우리의 친구 개발자 도구(F12)는 개발 시 유용한 도구들을 제공한다. (console이라던지... console이라던지...) 그중 페이지 performance의 전반적 결과를 측정할 수 있는 Lighthouse를 사용해보자! 크롬 개발자 도구의 경우 이렇게 숨어있다. 클릭하면 이렇게! 원하는 카테고리와 기기로 검사할 수 있다. 클릭! 그럼 이런 식으로 결과가 뜨는데... 3주간 만들었던 Groomer페이지의 첫 report. 참담한 수준이다!!! 1차 수정 network payloads에서 가장 큰 크기를 차지하던 font 파일 삭제 font 5개 중 3개를 삭제, 글꼴 수정 필요시 css의 font-weight 속성으로 조절 index.html에 preload로 font와 첫 슬라이드 이미지를 렌더.. 2021. 5. 12. 이전 1 다음
