- Shipped
- 2026년 8월 19일 오후 5:29 UTC
- Author
- Kamo
- Commit
- 917ad87
홈페이지는 전체 접점이 가능했습니다. Framer Motion 직렬화 `initial` prop into the prerendered HTML as a 인라인 스타일, 그래서 마크 업 <h1>, 복사열, 릴 가늠구멍 및 전체 표백 `opacity: 0`에서 모두 배경 - React가 될 때까지 그 길을 유지 다운로드, 패 및 수화 및 첫 번째 애니메이션 프레임을 실행. 첫 번째 및 가장 큰 Contentful Paint는 그러므로 1/4 메가바이트 자바 스크립트를 측정했다. 페이지보다 묶음: 서버는 이미 헤드라인을 렌더링했고, 스크립트가 다시 유지되었습니다. 아무것도 볼 수 없습니다 — 빌드하지, 유형 체크, lint 실행 또는 탐색 가드 — 그리고 데스크탑 링크에 그것은 옵션 정보 `curl`페이지와 count `opacity:0`: 102, 모든 요소 그 사이에 접어. 동일한 입구, 동일한 기간과 상승에, 이제 CSS 키 프레임입니다. stylesheet는 단일 스크립트 전에 파싱됩니다. LCP 소개 배경은 키 프레임보다 오히려 전환을 사용합니다. 전환은 초기 렌더링에서 실행되지 않음 - 그래서 도착에 달려있는 프레임은 단순히 위로, LCP에 대한 아무것도 기다려. 로드 창의 나머지, 그 비용의 후손 순서: · 릴은 첫번째 바이트에서 지불 시작 — `preload="metadata"`, a 요소에 포스터, 그리고 540p rung에 적합한 사다리 오프닝 1.17 Mbps - 좁은 전망 포트에 앉아있는 가늠구멍을 위해, 복사열의 밑에. 그것은 이제 부하 이벤트를 기다립니다, 다음 주에 이들을 갈 수 있는 스레드, 그 후 aperture를 볼 수 있습니다. 1 단계 플레이어의 크기로 캡핑되어 전화의 하단 rung에서 시작합니다. 저장 자료와 2G/3G 독자는 포스터 구조 및 재시작 단추를 지킵니다. · 포스터 자체는 1 일 캐시 헤더에 93 KB JPEG이었다. 을 통해 이미지 최적화자는 immutable URL에 26 KB AVIF이고, 그것은 아닙니다 릴이 원할 때까지 fetched. · 상표 로고는 8 진수의 132 KB 산출, preloaded입니다 이미지, 표 140 px 너비를 그리기 위해. 3503-unit의 1개의 소수점에 둥근 반복된 채우기를 가진 공간은, 그것입니다 59 KB — geometrically 동일합니다 최대 크기에서 0.0023 CSS px로 렌더링됩니다. 스크립트/ 최적화-logo-svg.mjs는 idempotent, 다음 시간에 로고가 수출됩니다. · GSAP는 사이트의 모든 페이지의 eager 스크립트 목록에서 4 번이었습니다. 위에: 진도 막대기의 놀기에 tween, `gsap.set()` 쓰기 2 정적 스타일 속성, `fromTo`는 스타일 시트를 리플을 duplicating 이미 참석하고, 독자에게만 불이 되는 Global-timeline 통화 자주 묻는 질문 모든 4는 중요하지 않습니다. 경로; 마지막은 그것의 분지 안쪽에 도서관을 적재합니다. · TouchOptimized는 각 버튼, 링크 및 입력을 페이지 중 수화, 이전 요소의 쓰기로 각 읽기를 interleaving — a forced-synchronous-layout 루프는 수백 가지 요소가 길고 착륙합니다. 총 블록 전화의 시간에 도움이 될 수있다. 지금 배치 idle에 대한 읽고 기다립니다. · `<Script Strategy="afterInteractive">`는 `<link rel="preload"를 방출합니다. as="script">`, 이는 브라우저가 분석 추적기를 fetch하는 것을 요청했습니다. 영웅 배경과 함께 높은 우선 순위. `lazyOnload`는 여전히 기록합니다. 방문, 잠시 후 중요한 경로. · 영웅은 세 개의 풀 뷰포트 배경 레이어를 장착했습니다. 회전은 바탕 화면 전용, 그래서 전화 두 그들 영구적으로 `opacity: 0`. · `clearCookieConsent` — localStorage의 2개의 선 — 수출되었습니다 동의 배너, 그래서 footer의 "manage cookies"제어는 250 라인 Framer Motion의 초기 HTML에서 렌더링하는 펑크로. 그것은 이동 app/lib/cookie-consent.ts, 배너와 토스트 스택은 이제 마운트에 idle: 도착에 아무것도 페인트. · `experimental.optimizeCs`는 모든 빌드에서 "✓ 최적화Cs"를 인쇄하고했습니다. 아무것도. 그것은 포스트 처리 완료 HTML에 의해 중요한 CSS를 inlines, 앱 라우터는 결코 손을. 내장 출력에 대한 검증 `beasties` 백엔드 실제로 설치 : 0 <style> 블록 <head>, stylesheet는 여전히 일반 차단 <link>. Removed — 보고서의 플래그 inert가 이미 찍은 낙관으로 읽는 동안 성공. · 36 클래스 선택기 및 24 키프레임의 Globals.css에 대한 참조 저장소, 공급 업체 및 문서에 어디에서 포함. Critical-path 바이트, gzip, 깨끗한 빌드에 대한 배포 : html 38,101 → 36,277 js 281,700 → 245,707 css 18,629 → 17,398 로고 57,390 → 22,902 합계 395,820 → 322,284 (-19%) eager 스크립트 15 → 13 로드 윈도우에서 완전히 그 위에: 93 KB 포스터, HLS 나타났고 1.17 Mbps 세그먼트, 두 배경 이미지 및 추적기. 여기에 주소되지 않음: `/` 응답 307 to `/en`, 이는 URL 페이지 속도 실행 테스트 및 Lighthouse가 리디렉션으로 계산합니다. 실제 수정은 `localePrefix: 'as-needed', 그리고 canonicals, hreflang, sitemaps를 다시 쓰기 그리고 각 내부 href ~250 의 노선 22 지역마다 301-ing indexed /en/* URL. 그것은 성능 하나보다는 SEO 결정이다, 그리고 홉 비용 ~60 이미 오픈 연결에 ms.