LCP 병목이 이미지가 아니라 hydration일 때, 그리고 절제된 스크롤 모션
랜딩 성능을 개선하다 배운 것 — LCP가 느린데 이미지가 작으면 render delay(hydration)를 의심하고 클라이언트 JS를 빼는 것, 화려한 스크롤 모션보다 진입 스태거 리빌, 구조화 데이터는 화면과 1:1
- LCP가 느린데 TBT가 0이고 이미지가 작으면 element render delay(=클라 경계 hydration)를 의심하고 그 서피스의 클라이언트 JS를 뺀다
- 화려한 스크롤 종속 모션(scroll-jacking)보다 짧은 뷰포트 진입 스태거 리빌이 범용 정답인 경우가 많다