🎯

webperf-loading

🎯Skill

from nucliweb/webperf-snippets

What it does

A loading performance analysis skill that provides JavaScript snippets for measuring TTFB, FCP, render-blocking resources, script performance, font optimization, and resource hints in Chrome DevTools. It includes automated decision trees and multi-phase audit workflows for comprehensive loading performance investigation.

📦

Same repository

nucliweb/webperf-snippets(6 items)

webperf-loading

Installation

Vibe Index InstallInstalls to .claude/skills/

npx vibeindex add nucliweb/webperf-snippets --skill webperf-loading

skills.sh Install⚠ Installs to .agents/skills/

npx skills add nucliweb/webperf-snippets --skill webperf-loading

Manual InstallCopy SKILL.md content and save to the path below

~/.claude/skills/webperf-loading/SKILL.md

SKILL.md

172Installs

AddedMar 4, 2026

View on GitHub Back to Skills

More from this repository5

🎯

webperf-core-web-vitals🎯Skill

Provides 7 JavaScript snippets for measuring Core Web Vitals (LCP, CLS, INP) with detailed breakdowns, usable both in browser DevTools and as agent skills for automated performance analysis with AI coding assistants.

🎯

webperf🎯Skill

A collection of 49 JavaScript snippets for measuring and debugging web performance in Chrome DevTools, covering Core Web Vitals (LCP, CLS, INP), loading metrics (TTFB, FCP), interaction performance, media auditing, and network quality.

🎯

webperf-interaction🎯Skill

A web performance analysis skill for debugging interaction responsiveness and animation performance, featuring automated workflows for INP deep dives, scroll jank investigation, main thread blocking analysis, and decision trees that chain Chrome DevTools snippets based on detected issues.

🎯

webperf-media🎯Skill

A web performance skill providing JavaScript snippets for media optimization in Chrome DevTools, covering image audits, video performance, and SVG embedded bitmap detection. It includes automated decision trees that detect LCP images, identify layout shift risks, flag lazy loading issues, and provide format recommendations with performance budget thresholds.

🎯

webperf-resources🎯Skill

A curated collection of JavaScript snippets for measuring and debugging web performance directly in the browser DevTools console, covering Core Web Vitals (LCP, CLS, INP), loading metrics, interaction analysis, and media audits.