webperf-loading

Diagnoses web page loading issues by analyzing TTFB, DNS, connection, and render-blocking resources.

Updated May 12, 2026
One-click install
npx skills add https://github.com/YeomanYe/skills --skill webperf-loading
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: webperf-loading
Source: https://github.com/YeomanYe/skills/tree/main/webperf-loading
Command: npx skills add https://github.com/YeomanYe/skills --skill webperf-loading

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill provides automated workflows and JavaScript snippets to diagnose and optimize web page loading by analyzing TTFB, DNS/connection/server breakdown, render-blocking resources, and resource hints validation, enabling faster, more reliable page loads.

Core Features & Use Cases

  • Automated, multi-phase loading performance audits covering TTFB, DNS/connection/server breakdown, render-blocking resources, resource hints validation, and script loading.
  • A suite of scripts that measure timings, identify bottlenecks, and propose actionable optimizations for fonts, images, and critical CSS.
  • Use cases include optimizing slow first contentful paint, reducing render-blocking resources, and validating resource hints for mobile and desktop experiences.

Quick Start

Run the webperf-loading skill to perform a complete loading audit on a target page.

Frequently Asked Questions about webperf-loading

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I diagnose slow web page loading and identify bottlenecks in TTFB and DNS?

To diagnose slow web page loading, you can collect detailed timing data on TTFB, DNS, connection, and server breakdowns to pinpoint exact performance bottlenecks. This process aggregates timing metadata into structured outputs for analysis.

What is the best way to improve First Contentful Paint and optimize LCP for mobile?

Improving First Contentful Paint and optimizing LCP requires identifying render-blocking resources and validating resource hints. Automated audits measure script performance and font loading to propose actionable optimizations for faster mobile rendering.

How do I check if my resource hints are working correctly to speed up page loads?

You can check if resource hints work correctly by running an automated loading performance audit that validates hint metadata. This diagnostic step aggregates timing data to ensure hints reliably speed up page loads across desktop and mobile.

Why does my website have a slow First Contentful Paint despite optimized images?

A slow First Contentful Paint often happens when render-blocking resources like critical CSS or scripts delay rendering despite optimized images. Analyzing script loading and connection timings helps identify these hidden bottlenecks.

Can I automate loading performance audits without manual timing data collection?

Yes, you can automate loading performance audits entirely without manual timing collection. Automated workflows and JavaScript snippets gather TTFB, render-blocking resources, and resource hints data into structured outputs for diagnosis.