적응형 로딩 전략을 통한 지능형 네트워크 품질 분석. 연결 유형(2g/3g/4g), 대역폭, RTT 및 데이터 저장 모드를 감지한 다음 적절한 최적화 워크플로를 자동으로 트리거합니다. 느린 연결을 위한 이미지 압축, 높은 RTT를 위한 중요한 CSS 인라인, 데이터 저장 최적화(자동 재생 비활성화, 품질 저하)를 권장하는 의사 결정 트리가 포함되어 있습니다. 연결 인식 성능 예산(2g의 경우 500KB, 3g의 경우 1.5MB, 4g+의 경우 3MB) 및 적응형 로딩 구현 가이드가 특징입니다. 로딩(TTFB 영향), 미디어(반응형 이미지) 및 핵심 웹 바이탈(LCP/INP에 대한 연결 영향)과의 교차 기술 통합. 사용자가 느린 연결, 모바일 최적화, 데이터 저장 지원 또는 적응형 로딩 전략에 대해 문의할 때 사용합니다. Chrome DevTools MCP와 호환됩니다.
명령줄에서 webperf-resources AI 스킬을 개발 환경에 빠르게 설치
출처: nucliweb/webperf-snippets.
JavaScript snippets for measuring web performance in Chrome DevTools. Execute with mcpchrome-devtoolsevaluatescript, capture output with mcpchrome-devtoolsgetconsolemessage.
When the user asks about network performance, connection quality, or adaptive loading:
When implementing adaptive loading or the user asks "how to optimize for slow connections":
적응형 로딩 전략을 통한 지능형 네트워크 품질 분석. 연결 유형(2g/3g/4g), 대역폭, RTT 및 데이터 저장 모드를 감지한 다음 적절한 최적화 워크플로를 자동으로 트리거합니다. 느린 연결을 위한 이미지 압축, 높은 RTT를 위한 중요한 CSS 인라인, 데이터 저장 최적화(자동 재생 비활성화, 품질 저하)를 권장하는 의사 결정 트리가 포함되어 있습니다. 연결 인식 성능 예산(2g의 경우 500KB, 3g의 경우 1.5MB, 4g+의 경우 3MB) 및 적응형 로딩 구현 가이드가 특징입니다. 로딩(TTFB 영향), 미디어(반응형 이미지) 및 핵심 웹 바이탈(LCP/INP에 대한 연결 영향)과의 교차 기술 통합. 사용자가 느린 연결, 모바일 최적화, 데이터 저장 지원 또는 적응형 로딩 전략에 대해 문의할 때 사용합니다. Chrome DevTools MCP와 호환됩니다. 출처: nucliweb/webperf-snippets.
AI/검색 인용용 안정적인 필드와 명령어.
npx skills add https://github.com/nucliweb/webperf-snippets --skill webperf-resources적응형 로딩 전략을 통한 지능형 네트워크 품질 분석. 연결 유형(2g/3g/4g), 대역폭, RTT 및 데이터 저장 모드를 감지한 다음 적절한 최적화 워크플로를 자동으로 트리거합니다. 느린 연결을 위한 이미지 압축, 높은 RTT를 위한 중요한 CSS 인라인, 데이터 저장 최적화(자동 재생 비활성화, 품질 저하)를 권장하는 의사 결정 트리가 포함되어 있습니다. 연결 인식 성능 예산(2g의 경우 500KB, 3g의 경우 1.5MB, 4g+의 경우 3MB) 및 적응형 로딩 구현 가이드가 특징입니다. 로딩(TTFB 영향), 미디어(반응형 이미지) 및 핵심 웹 바이탈(LCP/INP에 대한 연결 영향)과의 교차 기술 통합. 사용자가 느린 연결, 모바일 최적화, 데이터 저장 지원 또는 적응형 로딩 전략에 대해 문의할 때 사용합니다. Chrome DevTools MCP와 호환됩니다. 출처: nucliweb/webperf-snippets.
터미널 또는 명령줄 도구(Terminal, iTerm, Windows Terminal 등)를 엽니다 이 명령어를 복사하여 실행합니다: npx skills add https://github.com/nucliweb/webperf-snippets --skill webperf-resources 설치 후 스킬은 자동으로 AI 코딩 환경에 설정되어 Claude Code, Cursor, OpenClaw에서 사용할 수 있습니다
https://github.com/nucliweb/webperf-snippets