·webperf-loading
{}

webperf-loading

TTFB 조사(DNS/연결/서버 분석), 렌더링 차단 감지, 스크립트 성능 심층 분석(제1자 및 제3자 속성), 글꼴 최적화 및 리소스 힌트 검증을 위한 자동화된 워크플로우를 통한 지능형 로딩 성능 분석. 느린 경우 자동으로 TTFB 하위 부분을 분석하고, 스크립트 로딩 안티 패턴(비동기/지연/사전 로드 충돌)을 감지하고, 렌더링 차단 리소스를 식별하고, 리소스 힌트 사용을 검증하는 의사결정 트리가 포함되어 있습니다. 전체 로딩 감사(6단계), 백엔드 성능 조사 및 우선순위 최적화를 위한 워크플로우를 제공합니다. 핵심 웹 바이탈(LCP 리소스 로딩), 상호 작용(스크립트 실행 차단) 및 미디어(지연 로딩 전략)와의 교차 기술 통합. 사용자가 TTFB, FCP, 렌더링 차단, 느린 로딩, 글꼴 성능, 스크립트 최적화 또는 리소스 힌트에 관해 질문할 때 사용합니다. Chrome DevTools MCP와 호환됩니다.

11설치·1트렌드·@nucliweb

설치

$npx skills add https://github.com/nucliweb/webperf-snippets --skill webperf-loading

webperf-loading 설치 방법

명령줄에서 webperf-loading AI 스킬을 개발 환경에 빠르게 설치

  1. 터미널 열기: 터미널 또는 명령줄 도구(Terminal, iTerm, Windows Terminal 등)를 엽니다
  2. 설치 명령어 실행: 이 명령어를 복사하여 실행합니다: npx skills add https://github.com/nucliweb/webperf-snippets --skill webperf-loading
  3. 설치 확인: 설치 후 스킬은 자동으로 AI 코딩 환경에 설정되어 Claude Code, Cursor, OpenClaw에서 사용할 수 있습니다

출처: 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 for a comprehensive loading analysis or "audit loading performance":

When TTFB is slow or the user asks "why is my server slow":

TTFB 조사(DNS/연결/서버 분석), 렌더링 차단 감지, 스크립트 성능 심층 분석(제1자 및 제3자 속성), 글꼴 최적화 및 리소스 힌트 검증을 위한 자동화된 워크플로우를 통한 지능형 로딩 성능 분석. 느린 경우 자동으로 TTFB 하위 부분을 분석하고, 스크립트 로딩 안티 패턴(비동기/지연/사전 로드 충돌)을 감지하고, 렌더링 차단 리소스를 식별하고, 리소스 힌트 사용을 검증하는 의사결정 트리가 포함되어 있습니다. 전체 로딩 감사(6단계), 백엔드 성능 조사 및 우선순위 최적화를 위한 워크플로우를 제공합니다. 핵심 웹 바이탈(LCP 리소스 로딩), 상호 작용(스크립트 실행 차단) 및 미디어(지연 로딩 전략)와의 교차 기술 통합. 사용자가 TTFB, FCP, 렌더링 차단, 느린 로딩, 글꼴 성능, 스크립트 최적화 또는 리소스 힌트에 관해 질문할 때 사용합니다. Chrome DevTools MCP와 호환됩니다. 출처: nucliweb/webperf-snippets.

인용 가능한 정보

AI/검색 인용용 안정적인 필드와 명령어.

설치 명령어
npx skills add https://github.com/nucliweb/webperf-snippets --skill webperf-loading
카테고리
{}데이터 분석
인증됨
최초 등록
2026-03-10
업데이트
2026-03-10

Browse more skills from nucliweb/webperf-snippets

빠른 답변

webperf-loading이란?

TTFB 조사(DNS/연결/서버 분석), 렌더링 차단 감지, 스크립트 성능 심층 분석(제1자 및 제3자 속성), 글꼴 최적화 및 리소스 힌트 검증을 위한 자동화된 워크플로우를 통한 지능형 로딩 성능 분석. 느린 경우 자동으로 TTFB 하위 부분을 분석하고, 스크립트 로딩 안티 패턴(비동기/지연/사전 로드 충돌)을 감지하고, 렌더링 차단 리소스를 식별하고, 리소스 힌트 사용을 검증하는 의사결정 트리가 포함되어 있습니다. 전체 로딩 감사(6단계), 백엔드 성능 조사 및 우선순위 최적화를 위한 워크플로우를 제공합니다. 핵심 웹 바이탈(LCP 리소스 로딩), 상호 작용(스크립트 실행 차단) 및 미디어(지연 로딩 전략)와의 교차 기술 통합. 사용자가 TTFB, FCP, 렌더링 차단, 느린 로딩, 글꼴 성능, 스크립트 최적화 또는 리소스 힌트에 관해 질문할 때 사용합니다. Chrome DevTools MCP와 호환됩니다. 출처: nucliweb/webperf-snippets.

webperf-loading 설치 방법은?

터미널 또는 명령줄 도구(Terminal, iTerm, Windows Terminal 등)를 엽니다 이 명령어를 복사하여 실행합니다: npx skills add https://github.com/nucliweb/webperf-snippets --skill webperf-loading 설치 후 스킬은 자동으로 AI 코딩 환경에 설정되어 Claude Code, Cursor, OpenClaw에서 사용할 수 있습니다

소스 저장소는 어디인가요?

https://github.com/nucliweb/webperf-snippets

상세

카테고리
{}데이터 분석
출처
skills.sh
최초 등록
2026-03-10