AG Grid의 187KB의 CSS를 모든 루트의 중요한 경로 오프

Performancekamo-internal
관련 상품
2026년 8월 26일 오전 2:11 UTC
이름 *
kamo
뚱 베어
65eed6d

클라이언트 측 성과 감사의 4를 배치하고, 큰 것의 마지막. app/globals.css는 ag-grid의 stylesheets의 2개의 @imports로 열리고, 뿌리 배치 imports globals.css — so 187 KB of grid CSS sat 에서 <head> 의 모든 143 노선과 /validate 및 /logout을 포함한 모든 것에 첫 번째 페인트를 차단했습니다. 스타일 시트 이 응용 프로그램의 유일한 자원은 사실적으로 렌더링 블록, 이는이 감사의 가장 큰 FCP 항목 및 정확하게 "Eliminate의 PageSpeed 보고서 렌더링 차단 리소스". 레이아웃의 항목 CSS는 334 KB에서 147 KB로 떨어졌습니다. 수입은 ***로 이동****** 다시 수출하는 래퍼 AgGridReact unchanged, 그리고 지금 ag-grid-react를 수입한 모든 34 단위는 갑니다 그것은. 35th 그리드가되기 때문에 34 개 이상의 흩어져있는 스타일 시트 가져 오기 unthemed를 발송할 것 - 기능에 CSS 버그처럼 보이는 실패 제품정보 scripts/check-aggrid-import.mjs는 npm 테스트에서 실행합니다. CASCADE, 오히려 asserting 보다는 proving 필요한 부분입니다. 글로벌 CSS 이제는 BEFORE ag-grid를 나중에 대신로드하므로 모든 동급적 인 타이밍 ag-grid와 Tailwind의 선명한 플립: 그(것)들을 이기기 위하여 이용된 preflight, 지금 ag-grid. 눈이 아닌 stylesheets를 통해 css-tree로 소진 : - [숨겨진]은 (0,2,0)이며 여전히 모든 167 ag-grid `display` 규칙을 (0,1,0), 그래서 아무것도 숨겨지게됩니다. preflight's [role="button"] gives them — 그 ties are no-ops. 특별한 coders (ew-resize, grab, move, cell)는 크기와 이동 핸들에 앉아 [role="button"] 또는 :disabled. - 이 파일의 모든 20 자체 .ag-theme-alpine overrides는 완전합니다! 임포트 또는 (0,3,0)+는, 그래서 그들은 순서에 의존합니다. - ag-grid의 다섯 개의 베어 요소 규칙은 <ag-grid-angular> 및 친구, 요소 이름입니다. 이 응용 프로그램은 결코 렌더링, 플러스 몸 사용자 정의 속성 preflight 설정하지 않습니다. 1개의 진짜 플립: ag 격자는 `[class^=ag-] { outline: none }`와 preflight 배를 발송합니다 `:-moz-focusring { outline: auto }`, 둘 다 (0,1,0), 그래서 Firefox 사용자는 잃을 것입니다 각 격자 안쪽에 키보드 초점 반지. globals.css 핀은 명시적으로 (0,2,0) 그래서 그것은 순서와 computed 값이 정확히 그것이 무엇인지에 관계없이 모두 이길. 또한 이 배치에서: public/는 `Cache-Control: public, max-age=0`, so all 24 MB of icon, 벨소리, 로고 및 pdf 노동자는 각 단단한 짐에 revalidated. 지금 1 시간 stale-while-revalidate - deliberately not `immutable` and deliberately not a year, public/ 의 밑에 아무것도 내용-hashed 방법 / next/static는, 그래서 파일입니다 배포에 의해 대체 URL을 유지하고 `immutable`는 오래된 바이트를 어떤 방법으로 핀으로 뚱 베어 시작패드. 이 세 개의 전화 사이트는 다음 / 이미지를 통해 이동, 이는 크기 WebP를 제공 몇 KB의. 마스터 파일은 혼자 왼쪽 : CopilotHero는 148에 동일한 자산을 렌더링 CSS px가 필요합니다. 인증: 타겟된 tsc --noEmit는 래퍼를 통해 깨끗하고, 다음 / 이미지 호출 사이트와 rewritten 그리드 모듈의 샘플은 자신의 배출 수입; 모든 9 가드 scripts pass, 새로운 것을 포함, 즉, 공장 직접 실패 안으로 타전되기 전에 수입품.

모든 변경 사항

배송을 보는 것과 같이?

작업 공간의 모든 업데이트 땅은 자동으로. 일주일 후 무료로 시청하십시오.

무료 영원히 시작가격 비교