- 관련 상품
- 2026년 8월 19일 오후 8:58 UTC
- 이름 *
- Kamo
- 뚱 베어
- 6d01ff1
단계 C. Neither GSAP 또는 Framer Motion은 홈페이지에 더 이상 있으며, `home` 메시지 네임스페이스는 더 이상 브라우저로 전송되지 않습니다. JS 241,999 -> 214,135 gzip (15 펑크 -> 13) 문서 53,877 -> 51,797 gzip GSAP는 뒤로, 그리고 정확하게 naming 가치가 있기 때문에 그것은 눈에 보이는: 70,712 바이트, 4 개의 장식 래퍼가 섹션 안쪽에 배열 B 단계는 서버 구성품을 만들었습니다. 두 가지는 도서관이 필요하지 않았습니다. 모두 — HoverTransform는 mouseenter에 가늠자/rotate/y/boxShadow를, 입니다 `:hover` 규칙, GradientBorder's GSAP 호출은 *no-op*: 그것은 애니메이션 `backgroundPosition` at the flat `#0a0a0a` element that masks the middle of the 경계, 그래도 누구나 다른 div에 앉아 볼 수 있지만 결코 제품정보 여행용 헤어라인이 처음으로 구현됩니다. 다른 두 개의 읽기 포인터 좌표, 그래서 그들은 진정으로 CSS가 될 수 없습니다 — 그러나 그들은 또한 포인터없이 아무것도 할 수 없으며 전화가 다운로드되었습니다. 27 KB가 기울어지지 않는 터치 스크린을 트리거 할 수 있습니다. 지금 체크 `(hover: hover)와 (pointer: fine)`와 `import()` 효력 안쪽에 GSAP, 이렇게 그것은 바탕 화면에 게으른 펑크와 다른 곳에 복종. 데스크탑 효과 수정되지 않습니다. 오시는 길 국가 9 개, 4 가지 효과 및 3 개 정제의 657 라인 sat 같은 구성 요소와 같은, 그래서 React는 헤드 라인을 수화, lede, 통계 규칙 및 비디오 플레이어와 함께 행동하는 호출. 더 보기 상태는 그것을 소유 한 두 곳으로 이동 — HeroBackdrop 사진과 그 회전, 릴과 다운로드 노래를위한 HeroStage - 그리고 영웅 자체는 서버 구성 요소입니다. 두 섬은 여전히 서버 렌더링, 그래서 LCP 요소는 HTML의 이전과 여전히 페인트로 HTML에 정확히 CSS 혼자. 첫 번째 페인트에 대해 아무것도 변경; 변경 된 것은 무엇입니까? 후에 수화해. 배경 이미지는 또한 번역 된 "Background N"alt을 잃었습니다. `alt="" aria-hidden`. 장식 배경이다 — 그 문자열은 설명 모든 독자가 필요로하는 것보다 마크 업, 그리고 그것은 마지막 것 만들기 번역에 관심이 있습니다. 이름. `home`는 341 키와 22 KB이며 직렬화되었습니다. 클라이언트 구성 요소가 읽기 때문에 모든 방문자에 대한 문서. 제품 정보 SignupSection 은 이제 서버 구성품으로 구성되어 있습니다. 밖으로 - 일치 항목 및 단일 이메일 필드, 어떤 단어를 필요로하지 복사 — and ShippedStrip, HeroStage and HeroOfferBanner 자신의 몇 가지 레이블을 가지고 광고로. 클라이언트가 그것을 읽는 아무것도로, 공급자는 사라집니다 완전히 경로와 문자열은 한 번 해결됩니다, 렌더링에서 HTML을 생성합니다. 그것은 원시 수치보다 덜 구합니다 (~2 KB gzip) : 동일한 문자열은 HTML 외에는, 그래서 사본은 잘 압축. 그것은 여전히 올바른 모양입니다 — 페이지 전체 사전을 브라우저로 전송해야 할 것은 없습니다. 이미 페이지를 보냈습니다. 모든 분석 이벤트는 여전히 화재 : 7 이름, 모든 내장 마크 업에서 확인, 영웅의 두 개의 이제 `data-track`와 함께 나머지.