27장. 성능과 Core Web Vitals

CSS 크기보다 render-blocking 경로, 미사용 규칙, selector match, layout, paint, font와 image가 함께 문제를 만든다. critical CSS를 무작정 inline하면 cache와 CSP 비용이 생긴다.

LCP element, CLS source, INP interaction을 실제 사용자 데이터와 lab 양쪽에서 본다. content-visibility:auto는 큰 offscreen 영역의 렌더를 줄일 수 있지만 find-in-page, 접근성 tree, intrinsic size fallback을 검증한다.

will-change를 상시 붙이면 layer 메모리를 낭비한다. 측정으로 병목을 확인한 뒤 짧은 범위에만 적용한다.