사이트에서 Framer-motion 제거
"Reduce unused JavaScript"는 모든 보고서에서 동일한 35.4 KB 펑크로 이름을 따 왔습니다. 그리고 그것은 Framer 동의입니다. 홈페이지의 eager 스크립트가 아닙니다. 왜 이전 패스를 살아남을까요? 발터 링크 27 노선이 도착했습니다. 그리고 <Link>는...
서버의 org의 아이콘을 해결하고 근원을 미리 연결하십시오
Lighthouse는 theme.kamocrm.com을 300 ms의 비접촉 된 기원으로 지명했습니다. 또한 아무 근원도 preconnected 보고, 마지막 둥근 나는 stale로 읽었습니다 스타일 시트에 대한 불만 나는 단지 줄었다. 그것은 아니. 그 기원은 여전히 모든 부하에 문의...
서버가 실제로 테마 경로를 읽을 수 있습니다
변경 완료 48493ae 반 배송. 즉, swept 4 in-flight 파일 - layout.tsx, DynamicMetaLoader, TouchOptimized 및 ThemedBackground - 관련 추적 수정으로, 모듈없이 그들은 의존합니다. 현재 위치 건축과 연출은, 아무것도...
추천 비콘을 중지하고, 방문을 제대로 보고
배송하는 것에 대한 두 가지 보정, 이 기능을 복원 모두이었다 자주 묻는 질문 beacon은 분석 동의 기록에 자체를 지적했다. 즉, 개인 정보 보호 승리는 하나가 아닙니다 : 추천 기록은 파트너가 PAID입니다. 에 대한, 그래서 감소 분석은 번호를 수축하지 않았다, 그것은 방문했다...
3개의 노선 묶음을 홈페이지로 이동
Lighthouse's 103 KiB 의 "사용되지 않는 자바 스크립트" 라는 4 개의 펑크, 두 개의 근본적으로 100% 사용하지 않는. 그들 중 아무도 홈페이지의 HTML에 나타났습니다 - 그들은 다른 경로의 코드, 로 끌어 <Link> prefetch 때문에 nav 및 footer...
Backdrop 폭을 이름, 그리고 서버에서 테마 구성을 읽으십시오
두 가지 발견, 둘 다 어떤 코드가 말했다. 뒤로프 웨이는 1920 피스를 장식합니다. 149 KB, 장식 그림 412px 전화의 내용 뒤에, 와 함께 `sizes="(최대 폭: 768px) 50vw, 100vw"` 다른 말을 앉아. 원인은 내가 자신을 추가 한 규칙입니다 2 커밋 전...
파트너 링크 및 그것을 가져 오는 것을보고
Https://www.<apex>?mrt=<code>를 따르는 방문자 을 얻 2 첫 파티 쿠키 가장자리 미들웨어에서 - 2 년과 코드를 지속하는 opaque GUID 9 일 동안 자체 - 그리고 그 후 열 모든 페이지는 한 번보고됩니다. sendBeacon에 의해 idle에서. 도메인...
이미지를 더 열심히 압축하고, 카드를 아직도 잡고, 중복 요청을 드롭
이미지. 페이지의 모든 품질 설정은 단계 아래로 이동, 허용 목록 next.config.ts는 [30, 50]로 이동하여 더 자주 요청할 수 없습니다. 영웅 배경 (LCP) 40 -> 30 21,959 -> 750px rung의 6,635 바이트 단면도 배경막 75 -> 50 영웅 비...
영웅을 분할하고 마지막 두 개의 라이브러리를 페이지
단계 C. Neither GSAP 또는 Framer Motion은 홈페이지에 더 이상 있으며, `home` 메시지 네임스페이스는 더 이상 브라우저로 전송되지 않습니다. JS 241,999 -> 214,135 gzip (15 펑크 -> 13) 문서 53,877 -> 51,797 gzip...
7개의 단면도 정지 hydrating
단계 B. TrustBar, WhatReplacesWhat, HowItWorks, UseCases, 기능, CTAStrip 및 가격은 서버 구성 요소입니다. 그들은 HTML에 렌더링하고 자바 스크립트를 발송하지 않습니다. 클라이언트에 그들을 유지 한 유일한 것은 분석이었다. 이름 * ...
홈페이지에서 애니메이션 실행 시간을 완전히 잡아
수화 작업의 A 단계. Framer Motion은 홈페이지의 eager에서 사라집니다. 번들: 798,723 -> 687,593 바이트 원료, 245,367 -> 209,422 gzip. 즉 35,945 철사에 몇몇 바이트, 측정에 의해 한 36,444의 예측에 대하여 펑크 전손, 그리...
영웅 앞에 8개의 오프 스크린 단면도를 멈출 수 있습니다 페인트
LCP는 4.4 s이고, 그것의 고장은 어디에 말했다: 120의 ms에 첫번째 바이트, 290 ms의 로드 지연, 390 ms 실제로 이미지를 다운로드 — 그리고 그 후에 1,810 ms의 "element 렌더링 지연". 그림은 도착을 완료하고 단순히 할 수 없었다 그려집니다. 홈페이지...
차단 시간의 380ms를 요하는 두 가지 변경, 그리고 조용한 전화
마지막 두 라운드는 87에서 67로 점수를 받았습니다. 총 블록 시간에서 갔다 80 ms에서 460 ms 및 LCP 3.9 s에서 4.4 s. 내 자신의 변화의 두 가지는 그, 그리고 둘 다 동일한 나쁜 이유를 위해 만들었습니다. 실제 수업이기 때문에 첫 번째를 자극하는 이유는 다음과...
Headline 청소를 compositor로 이동하고, 채팅 위젯 오프로드
마지막 라운드에서 왼쪽 두 가지 것들, 두 개는 오히려 수행하기 때문에 각 거래 뭔가. 그대에게 HEADLINE의 LIGHT PASS입니다. 유형 구획에 두번째 배경 층이었습니다, 'background-position'에 의해 이동 - 페인트 속성, 그래서 모든 프레임 랜 메인 스레드...
그들을 렌더링 이미지 서버 측, 그리고 브랜드 텍스트 읽기
홈페이지의 모든 배경은 TWICE 다운로드되었습니다. 제품 설명 로컬 `/img/bg/N.webp`를 렌더링 한 다음 org의 테마를 해결했습니다. 마운트의 경로와 소스를 대체 — 그래서 브라우저는 모두 fetched. 에 의해 로컬 bg/2 플러스 100.7 KB를 측정한 사이트 배포...
스타일 시트를 인라인, 그리고 드롭 polyfills 아무것도 도달 할 수 없습니다
두 개의 Lighthouse 발견, 마지막 라운드 이후의 숙박 모두 나는 그들이 접근 할 수없는 결론을 내렸다. 그들은 있었다; 나는 열심히 보이지 않았다 뚱 베어 RENDER-BLOCKING REQUESTS (560 미터). stylesheet는 단지 차단 요청이었다 페이지에 왼쪽과...
이름 이름을 가지고 있지 않은 제어, 4.5:1 아래 텍스트를 들어 올리십시오
세 개의 분리 된 결함, 모두 빌드에 보이지 않는, 유형 체크, lint 런 및 기존 가드 모두. UNNAMED CONTROLS - 전화 레이아웃의 내비게이션 토글은 베어 아이콘, lucide 자신의 <svg aria-hidden>를 표시하고, 단추는 상표를 붙잡지 않습니다, 그래서 ...
배송 중지 1.8 수화 후 크기의 배경의 MB
ThemedBackground는 홈페이지에 남아있는 가장 비싼 것, 그리고 아무도 버그처럼 보입니다. 테마 버킷에서 직선으로 원시 <img>를 렌더링했습니다. 브라우저는 untouched 소스 파일을 받았다 — 606, 646 및 585 KB, WebP, 에 전화에 가득 차있는 해결책....
수화에 대한 접이식 대기를 중지하고로드 창을 취소
홈페이지는 전체 접점이 가능했습니다. Framer Motion 직렬화 `initial` prop into the prerendered HTML as a 인라인 스타일, 그래서 마크 업 <h1>, 복사열, 릴 가늠구멍 및 전체 표백 `opacity: 0`에서 모두 배경 - React가 될...
탐색 타이밍 프로브 제거
그것은 그 일을했다. 답변에 추가 된 질문 - 나머지 지연이 무엇인지 네트워크, 스크립트 또는 페인트 - 발견 된 4 번째 대답을 설정 제거: 11개의 진짜 표본의 맞은편에 ZERO 클라이언트 측 항법이 있었습니다. 모든 것 클릭은 전체 문서 부하, 이는 분석 추적기의 지문 납치 링크 ...
분석 추적기를 중지 모든 링크하지만 홈
홈페이지를 제외한 모든 페이지는 초가 열리고, 그 이유는 결코 없었습니다. 이 앱의 내비게이션 경로: 서버 우선 순위, prefetch payloads 완전한 (78 펑크 refs, ~57 KB, 68 ms), 모든 내부 href는 locale-aware입니다. <Link> 및 배치된 ...
모든 루트 변경은 스크롤을 상단으로 변경했습니다
<html>는 Tailwind의 `scroll-smooth`를 수행하고 다른 것도 없다. 다음 부드럽게 억제 새로운 경로로 스크롤하는 동안 스크롤하지만 페이지를 선언하는 페이지 만 데이터 속성: *********** 지원하다 **************** 그리고 그것을 발견하지 않는 것...
오른쪽 상단에 비디오 컨트롤을 이동합니다
그들은 프레임이 오른쪽 가장자리를 떼어내는 데 사용되기 때문에 바닥 왼쪽 만 화면을 끄는 제어를 넣을 것이다 viewport. 더 보기 reel는 지금 그것의 란에서 센터로, 그래서 constraint는 사라집니다. 오른쪽 상단은 1 개의 모서리가 chamfer 잎 광장 - 그것은 왼...
실제 내비게이션과 냉간 부하를 측정, 그냥 떨어뜨리지 않는 세션
수정의 5 라운드는 각이 실제 결함을 제거하고 아무도 무엇이 고정되지 않았습니다. 실제로 느꼈다. 모든 진단이 지금까지 밖에서 방해가되었습니다. 비밀번호 ?perf=1 조사는 그것 때문에 그것을 생성한 아무 표본도, 비치하고 있습니다 누군가가 손으로 퍼져 세션을 구동해야합니다. 그래서...
사이트 전체 로딩 경계 단지 이차 페이지 유료
홈페이지를 제외한 모든 페이지는 느리게 느껴집니다. (페이지) subtree - 그리고 뭔가에 나는 거기 넣어. 언제 4fae924 추가 (페이지)/loading.tsx 모든 경로는 역동적이고 역동적 인 루트의 경우 다음 prefetches no more than 가장 가까운 선적 경계...
변경 로그 수를 렌더링, 대신 게시에 새로 고침
모든 방문자는이 번호를 스스로 읽었습니다. PreviewBanner가 공유하는 삶 레이아웃, 그래서 모든 페이지에 /api/changelog/today 수화 후, 대기, 그때 답변에 맞게 성장하고 페이지를 이동. 그 경로 (d3de447)가 예비 자주 묻는 질문 모든 방문자와 같은 값은...
페이지 당 메가바이트를 태우고, 백엔드를 무료로 호출합니다
모든 페이지에 지불 된 두 가지 비용, 둘 다 기자의 자신의 뒤에 의해 발견 i18n 및 needless 백엔드 통화에 대한 hunch. PREFETCH VOLUME - 4fae924의 회귀. 경로의 앞에, a <Link> prefetch는 220 빈 바이트를 돌려, 그래서 prefe...
?perf=1 뒤에 opt-in 항법 타이밍 조사를 추가하십시오
페이지 스위치는 여전히 생산에 느리고, 서버는에서 지배되었습니다 기자의 자신의 기계 : 55-122ms 응답, x-nextjs-cache HIT, prefetch 전체 페이지가 74 펑크 참조로 페이로드를 반환하고 어디서나 리디렉션하지 않고 콘텐츠 페이지에 2개의 Always-anima...
Retried image pull을 Survive, 푸시 당 두 번 배포 중지
013faf1 배치는 롤아웃 동안 '진행 마감'에 실패 그 자체는 벌금이었다 - 포드는 90s에 대해 건강한왔다, 그리고 prod는 서빙 그 때문에. 세 개의 별도의 것들은 실패로 작업 롤아웃 보고서를 만들었습니다. ProgressDeadlineSeconds는 60이었다. 컨테이너로 ...
리디렉션과 2s 페이드 인을 기다리는 모든 페이지 스위치
4fae924의 사전 작업은 서버와 라우터를 고정, 사이트 아직도 페이지를 변경하기 위해 1-2 초 정도 걸린다. 네트워크가 아니었다. 두 가지는 그것을하고, 둘 다 빌드, 유형 체크 및 보이지 않는 lint run — 그러므로 ****************는 prebuild로 타전했습...
경로를 다시 렌더링하고 페인트하는 탐색을 제공합니다
Locale layout은 bare getMessages()로 메시지를 해결했습니다. Headers를 요청하고 정적 렌더링에서 ENTIRE 앱을 선택했습니다. 없음 Load.tsx는 어디에나, 다음까지 동적인 경로를 prefetch하는 것은 아무것도 없었다: a <Link> prefet...
가격, 보안, 약 및 제안에 대한 헤드링 대비 수정
홈 페이지와 같은 결함, 같은 9 남아있는 반점: 섹션 제목 `--color-primary`에 오픈하여 2.61:1를 중간 녹색으로 측정합니다. 배경 - 큰 텍스트에 대한 3.0 WCAG 바닥 아래. 그들은 지금 공유 `.heading-accent` class, 그 크림 램프가 6.53...
램프의 녹색 끝에서 부분적으로 대조를 올리십시오
두 번째 라인의 각 섹션은 `--color-primary` -> `--color-primary-light` -> `--color-secondary`, 그래서 브랜드에서 시작 녹색. 색상을 여는 중 녹색 사진 배경에 대해 측정 2.61:1 — 큰 텍스트의 3.0 WCAG 바닥 아래 — 그...
재생 kamo13 릴
새로운 릴의 ladder, MP4 fallback 및 포스터에서 영웅을 포인트. 이름 * (H.264 720p24, 66s, ~30 MB)를 대체하는 1개에 spec-identical, 플레이어 또는 사다리 변경에 대해 아무것도 없습니다.
Styled-jsx에서 그리드를 이동; 두 개의 죽은 구성 요소를 드롭
Styled-jsx 스윕을 미리 시작합니다. `<스타일 jsx>` 블록은 앱에서 어디에서 남아 있습니다. SITEMAP - 그리드는 인라인 `display:grid`2-column 스타일과 범위를 미디어 쿼리는 768px의 밑에 1개의 란에 그것을 충돌. styled-jsx가 있기 때...
배너 번쩍이는 unstyled를 중지, 전체 기능 카드를 클릭
PREVIEW BANNER - CSS는 컴포넌트 내부의 `<style jsx>` 블록에 살았습니다. App Router styled-jsx에서 클라이언트 구성 요소에 대해 서버 렌더링 CSS가 아닌, 그래서 SSR HTML은 배너 마크 업을 발송 (<body>의 첫 번째 요소입니다) c...
가장자리에 밀어 대신 열에 릴을
두 개의 이전 패스는 페이지 가장자리에 도달 한 단계가 있었다 — 첫 번째 1.5–5rem에 의해 전망 포트를 오버행, 다음 그것에 대해 씻어. Overhanging는 콘텐츠 사람들이 의미하는 제품 데모를 만들었습니다. 시계; 플러시는 작살을 멈추지 않고 여전히 구성을 열심히 무게를 냈...
제안 배너를 와이어, 죽은 더 많은 링크와 육각형 필드를 수정
다섯 가지 수정, 그들 모두는 현재를보고 있지만 아무것도하지 않았다. 제안 BANNER - HeroOfferBanner는 죽은 코드였다; 아무것도 그것을 수입. 휴식, 하지만 어떤 가격 API가 실제로 이전보다 오히려 반환에 의해 구동 hardcoded PROMO CODE 플러스 FA...
Rebuild the hero as a editorial split 와 aperture
릴은 드롭 그림자이있는 중심의 둥근 사각형이었다 - 객체 배치 디자인에 오히려 그것의 일부보다 — 그리고 그것은 영웅의 유일한 일이었다: ff04781 삭제 배지, 헤드 라인, 설명, CTA 및 통계 때 착륙 HeroHeadline을 왼쪽 비디오. tsx orphaned 및 10 개의 ...
31.8 MB MP4 대신 적합한 HLS 사다리로 릴을 재생
영웅은 단 하나 3.9 Mbps 720p24 MP4에서 베어 <video src>를 지적했습니다. 약한 연결에 전화는 데스크탑과 같은 스트림을 정확히 다운로드 섬유, 그리고 방문자가 과거에 스크롤 한 후 다운로드 유지. 지금 재생 720p/540p/360p ladder KlusterSe...
폴란드어 비디오 영웅 단위 현대 애니메이션 및 최적화
- 영상 짐 도중 즉시 시각적인 의견을 위한 포스터 이미지를 추가하십시오 - pulsing 생기를 가진 적재 skeleton를 실행하십시오 - 비디오 muted 시작 (browser autoplay 정책 준수) - 효율적인 비디오 로딩을 위한 preload="metadata" 추가 - ...
Autoplay 프로모션 비디오와 영웅 텍스트 유닛을 교체
홈페이지 영웅 복사, CTA, 그리고 회전 배경 처리를 유지하면서 반복되는 비디오에 대한 통계를 교환하십시오.
마크가 주석 거품에 앉아있는 아이콘을 들어 올리십시오
보도 된 케이스는 자체의 주석에 브랜드 녹색입니다 : --color-primary rgba에 대하여 (107,142,58,0.15)는 3.43:1입니다. 즉, 3 : 1 WCAG 1.4.11을 명확 도표를 위한 지면, 그래서 실패가 아닙니다, 그러나 hue는 동일합니다 거품 - 가벼움은...
25년 기념일 씰 추가
두 개의 배치, 둘 다 주장이 이미 만든 곳을 선택: Footer - 60px, "© 2001–<year> ... 설치 2025". 사이트 전체, 다른 신뢰 마크로 만든 마크로 그룹화. 소개 - 168px, 임무 섹션을 열어. 그 페이지는 25 년의 역사는 전달 노트보다 오히려 인수입...
2001 저작권 범위와 통합 연도 표시
렌더링 "© 2001–<year> KamoCRM. KamoCRM Inc. 설립 2025. 모든 권리 이름 * 범위 시작은 동적인 끝 년 옆에 단단하 부호화됩니다 번역된 문자열에 사는 것보다, 그래서 locale는 손상할 수 없습니다.