- Shipped
- 2026년 8월 19일 오후 7:59 UTC
- Author
- Kamo
- Commit
- 525e81c
LCP는 4.4 s이고, 그것의 고장은 어디에 말했다: 120의 ms에 첫번째 바이트, 290 ms의 로드 지연, 390 ms 실제로 이미지를 다운로드 — 그리고 그 후에 1,810 ms의 "element 렌더링 지연". 그림은 도착을 완료하고 단순히 할 수 없었다 그려집니다. 홈페이지는 1,482 DOM 엘리먼트를 통해 임계값을 발송합니다. "optimize DOM size"에 실패, 그리고 그들 각자는 밖으로 놓고 초기 렌더링 동안 그려진 LCP 요소는 뒤에 차례를 기다립니다. 8개의 단면도 아무도에 스크롤했습니다. `content-visibility: `#home` 을 제외한 모든 섹션에서 자동이 브라우저 건너뛰기 그 하위 트리에 대한 레이아웃과 페인트는 뷰 포트에 접근 할 때까지. 더 보기 요소는 여전히 존재 — HTML, 검색 엔진, in-page 앵커, 에 find-in-page, 그리고 IntersectionObserver JumpToBar 실행에 - 그들은 단지 누구나 볼 수 있습니다. 두 가지는 더 안전합니다. 일반적으로: 각 단면도는 이미 `position: 관계되는`와 `overflow: hidden`, 그래서 불쾌한 담합은 절대적으로 위치하는 방법에 대해 아무것도 변경 'contain-intrinsic-size'은 'auto` 키워드를 사용합니다. placeholder 고도는 단면도의 첫번째 렌더링 및 브라우저의 앞에만 적용합니다 후 진짜 것을 기억하십시오. 특정 파일에 근거한 보고서를 강제로 썰물은 PreviewBanner였습니다. · read `offsetHeight` right after hydration and write`document. 몸. (주) .paddingTop`, 전체 문서에 대한 레이아웃을 잘못. 이 글은 또한 중복 - `body { padding-top: var(--banner-h)}` 이미 예약 첫번째 페인트에서 공간. ResizeObserver는 `borderBoxSize`에서 높이를 보여줍니다. 콜백이 실행될 때 브라우저가 이미 컴파일되었으므로 아무것도 없습니다. 힘. ContentRect 보다는 오히려 borderBoxSize: 배너는 `padding: 6px 16px` 작은 화면에, 그리고 콘텐츠 높이를 혼자 보존 배너 밑에 12px 앉아있는 사본을 남겨주세요. theme.kamocrm.com 을 얻 그 preconnect 뒤, 이 보고서는 이름에 의해 요청 LCP의 300 ms. dns-prefetch에 데모가 잘못되었다 : 이미지가 통해 이동 이 근원의 낙관자 지금, 그러나 DynamicMetaLoader는 아직도 org의 주제를 fetches stylesheet from that host at runtime, and that is the render-affecting request on 중요한 경로. Analytics는 dns-prefetch를 유지합니다. - 추적기는 게으른Onload이므로 로드 이벤트가 종료되기 전에 아무것도. 영웅 배경은 품질에 방울 40 : 21.9 KB에서 12.8 KB, 이는 무엇인가 이미지 감사는 요구되었습니다. 밝기 (0.21)를 통해 측정됩니다. 합성, 50 -> 40 픽셀의 1.09%를 8/255 이상으로 이동 40.7 dB. 질 30는 3.20%에 시험되고 거절되었습니다. 단면도 배경은 75에 체재하고, 이 두번째 시간 측정은 있습니다 그는 말했다. 감소된 폭에서 그들은 지금 요청, 50에 떨어지는 *worse* 보다 그것은 전체 폭에 있었다 — 11.30% 픽셀의 이동 versus 6.60% — 때문에 낮은 해결책 각 압축 구획은 당신이 보는 무엇의 더 많은 것을 포함합니다. 해결책 및 질 감소는 사진에 겹쳐 쌓이지 않습니다; 하나 또는 다른 사람. HLS 재생 목록은 지금 1 년 동안 immutable, 살고 및 직장에서, 마지막 캐시 라이프타임 아이템을 닫습니다. 오히려 비용을 이동 그것을 제거, 그래서 `HERO HLS SRC`는 `?v=`를 운반한다 re-encode; 둘 다 이렇게 말해서, 그렇지 않으면 re-encode는 같이 보입니다 일 조용히 아무것도하지 않았다.