sooleeandtomas

크롬의 lighthouse에서 확인할 수 있는 최적화에는 LCP, FCP가 있습니다. FCP: First Contentful Paint 초기 DOM 콘텐츠를 렌더링하기까지 걸리는 시간을 말합니다. LCP: Largest Contentful Paint 페이지의 주요 내용이 화면에 렌더링되기까지 걸리는 시간을 말합니다. 사용자가 빈 화면만 보고 있다면 페이지가 로드되고 있는지 알 수 없습니다. 하지만, FCP이후, 첫번째 콘텐츠 비트를 렌더링하여 첫 피드백을 사용자에게 제공하기 때문에, 사용자가 페이지가 로딩 되고있음을 느끼게 됩니다. (FCP 이후엔 사용자가 조금더 인내심을 갖고 기다릴 수 있게 되는..) 그래서 저는 최적화의 첫단추로, FCP에 조금 더 초점을 맞춰보려 합니다. FCP의 속도는 아래와 같..