#lcp
관련 글 2건
- velog수집됨 · 8월 9일
WIL 7주차 - 프론트엔드 최적화
7주차의 내용은 프론트엔드 최적화 과제였다. 메인 페이지에서는 LCP를 줄이는게 목표였고, 상품목록 페이지에서는 화면의 상태에 따라 사용성 확대를 위한 ui 처리와 CLS를 줄이는게 목표였다. 사실 제대로 된 최적화를 진행을 해 본적은 없어서 이번주차 과제는 매우 소중
clslcpmetada♡ 1 
강경원· 7월 30일 · 1분 읽기LCP 4.2초 → 1.8초, 실제로 효과 있었던 것만
성능 최적화 글은 많지만 대부분 체크리스트 나열이다. 실제 서비스에서 LCP를 4.2초에서 1.8초로 줄이며 효과가 컸던 순서대로만 적는다. 1. LCP 요소부터 특정하라 30분 크롬 개발자 도구 Performance 탭에서 LCP 마커를 클릭하면 어떤 요소가 LCP인지 바로 보여준다.
성능lcpweb-vitals`LCP 4.2초 → 1.8초, 실제로 효과 있었던 것만