site-speed-optimization

Audit static HTML for render-blocking scripts, CSS, and images.

7|Updated Feb 19, 2026
One-click install
npx skills add https://github.com/thisisAhsanIqbal/nextjs-seo-audit --skill site-speed-optimization
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: site-speed-optimization
Source: https://github.com/thisisAhsanIqbal/nextjs-seo-audit/tree/main/skills/site-speed-optimization
Command: npx skills add https://github.com/thisisAhsanIqbal/nextjs-seo-audit --skill site-speed-optimization

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Site Speed Optimization helps you identify HTML-level factors that slow down page loads and hurt SEO and accessibility.

Core Features & Use Cases

  • Script and CSS weight checks: Detects excessive external scripts and overly large inline CSS that can increase page weight and delay rendering.
  • SEO-critical image validation: Verifies image alt coverage and flags potentially inefficient image formats for performance.
  • Next.js usage guidance: Warns when pages are not using the Next.js Image optimization patterns, while explicitly avoiding duplication with Core Web Vitals checks.

Quick Start

Ask an AI coding agent to audit your page HTML for speed issues and return PASS/WARN/FAIL findings with concrete fix suggestions.

Frequently Asked Questions about site-speed-optimization

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

FAQPage Schema
How do I audit my HTML for site speed issues?

Auditing HTML for site speed issues involves counting and measuring DOM elements like scripts, inline CSS, and images against defined thresholds. This process identifies render-blocking resources and weight-related problems, returning PASS, WARN, or FAIL findings.

Why does my static HTML page load slowly?

A static HTML page may load slowly due to excessive external scripts, overly large inline CSS, or unoptimized image formats. These HTML-level factors increase page weight and delay rendering, directly hurting SEO and overall performance.

Does this site speed audit check Next.js image optimization patterns?

Yes, when auditing a static HTML page, the check warns if pages are not using Next.js Image optimization patterns. It explicitly avoids duplicating Core Web Vitals render-blocking and font-loading checks to focus on HTML-level contributors.

What is the best way to check image alt text for SEO and accessibility?

The best way to check image alt text for SEO and accessibility is to validate image alt coverage within the HTML DOM. This identifies missing alt attributes and flags potentially inefficient image formats that slow down page loads.

How do I reduce CSS weight and script count for better page performance?

To reduce CSS weight and script count, you must detect excessive external scripts and overly large inline CSS blocks within the HTML. Applying defined PASS/WARN/FAIL thresholds to these elements provides concrete suggestions to fix render-blocking delays.

What are the limitations of an HTML-level performance audit?

An HTML-level performance audit is limited to static DOM attributes and elements, avoiding overlap with Core Web Vitals render-blocking and font-loading checks. It focuses strictly on script count, CSS weight, and image alt coverage.