{ Lighthouse Deep Dive} 성능 최적화 과정 (ft. LCP, TBT 최적화)
네이버 블로그 | HSG 휴먼솔루션그룹
우연히 블로그의 성능을 라이트하우스의 모바일 장치로 측정해 봤는데,
100점 중 42점으로 되게 낮은 점수로 측정돼서 성능 최적화를 하게 되었습니다 🫡
🖼️그라데이션 이미지는 CSS linear-gradient를 사용하도록 변경해서 LCP를 개선하고,
💻과도하게 prefetch를 사용하는 부분은 제거해서 TBT를 개선했습니다.
🪄결과적으로 LCP는 13.6초 감소, TBT는 880ms 감소해서 성능 점수를 77점으로 개선했습니다.
같은 고민을 하시는 분을 위해 정리해서 공유드립니다 🫡
https://m.blog.naver.com/nextwebresearchlab/223340210526
더 많은 콘텐츠를 보고 싶다면?
이미 회원이신가요?
2024년 1월 31일 오후 4:25
2
... 더 보기이
... 더 보기이
... 더 보기Next.js 까보기: "쓸 줄 아는 개발자"에서 "알고 쓰는 개발자로" 강의를
... 더 보기업계 한 관계자는 "올해 투자 유치 스타트업 중 웹 기반 트래픽만으로도 MAU 100만을 넘긴 사례들이 다수 등장했다"며 "특히 앱에 의존하지 않는 사용자 확보는 후속 투자와 기업가치 판단에도 중요한 기준으로 작용할 것"이라고 밝혔다.
... 더 보기