- 관련 상품
- 2026년 8월 20일 오전 3:33 UTC
- 이름 *
- Kamo
- 뚱 베어
- 73d73f8
홈페이지에서 두 개의 스크롤 청취자는 이벤트 당 `scrollHeight`를 읽습니다. 그것은 레이아웃 쿼리, 그리고이 페이지는 반복적으로 만들 수있는 최악의 장소: 그것의 섹션 사용 `content-visibility: 자동`, 그래서 지속적으로 잘못된 스크롤 레이아웃과 깨끗 한 것에서 읽을 수 없습니다 — 모든 읽기 힘 a 동시 썰물. 문서의 높이가 변경되지 않습니다. 스크롤, 그래서 이제 두 번 측정하고 크기 또는 때만 측정 문서 요소의 ResizeObserver는 실제로 변경된 것을 말합니다. HiddenAnimations는 두 가지의 악화가 아니라 썰물. 그것은 보관 React state의 bookkeeping, 그래서 모든 스크롤 이벤트에 setState 호출 — 모든 스크롤의 프레임 당 렌더링 - 모두 값이 효과에있기 때문에 의존성 배열, 효과는 아래로 그리고 각 시간 듣는 것을 다시 놓았습니다 너무. 계란이 실제로 불, 청취자까지 반응 할 수 있습니다. 수동이며 작업은 프레임당 1 rAF로 석탄화됩니다. 또한 Space Grotesk의 사전로드를 복원합니다. 플립 플롭보다 : 힌트 비용은 Bottleneck이 무엇인지에 달려 있습니다. 그것은이었다 LCP 이미지에 대한 우선권을 주장했기 때문에 제거, 그 contention is 이제 사라 - 로고는 사전로드를 잃고 크기로 halved, 그리고 LCP subparts no 더 이상 보고서에 나타납니다. 힌트없이 얼굴이 발견 될 때 stylesheet parses, 이는 중요한 체인에 THIRD 링크를 만들었습니다. (document -> CSS -> 글꼴). 즉, 가장 중요한 경로 지연 시간이 걸렸습니다. 488 ms를 밀어 렌더링 차단 추정 300 ms, 제거 이후 stylesheet는 글꼴의 의존도를 제거 할 것입니다. preload와 @font-face가 동일한 URL로 해결되었는지 확인했습니다. - 다음이 방출됩니다. preloaded faces에 대 한 구별 된 `.p.` 변형, 그리고 mismatch 거기 hint와 같은 글꼴의 두 번째 다운로드.