check-performance

Identify and report web page performance issues with a Bun-based TypeScript script.

Updated Aug 23, 2026
One-click install
npx skills add https://github.com/leobrival/serum-plugins-official --skill check-performance
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: check-performance
Source: https://github.com/leobrival/serum-plugins-official/tree/main/plugins/html-checker/skills/check-performance
Command: npx skills add https://github.com/leobrival/serum-plugins-official --skill check-performance

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

This Skill identifies performance issues on web pages, including render-blocking resources, missing resource hints, and opportunities to improve Core Web Vitals.

Core Features & Use Cases

  • Analyze HTML patterns to detect render-blocking CSS/JS, oversized inline resources, missing preloads, and absent image dimensions.
  • Provide actionable optimization suggestions suitable for single pages or site-wide audits.
  • Use Case: Audit a landing page to reduce LCP/CLS by adding preloads, deferring non-critical scripts, and optimizing images.

Quick Start

cd /path/to/html-checker/scripts bun src/check-performance.ts <URL>

Frequently Asked Questions about check-performance

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

FAQPage Schema
How do I analyze a URL for render-blocking resources and Core Web Vitals issues?

Analyze a URL for Core Web Vitals issues by running a Bun-based TypeScript script that checks HTML patterns to detect render-blocking CSS and JS. The script identifies missing preloads, oversized inline resources, and absent image dimensions, then reports optimization opportunities.

What web performance problems cause poor LCP and CLS scores on a landing page?

Poor LCP and CLS scores often stem from render-blocking resources, missing preloads, and absent image dimensions. This Skill identifies these specific HTML pattern issues, providing actionable suggestions to defer non-critical scripts and optimize resources for speed improvement.

Can I audit a collection of URLs for missing preloads and unoptimized resources?

Yes, you can audit a collection of URLs for unoptimized resources. The script processes single pages or site-wide audits, applying render-blocking checks and identifying missing resource hints across multiple URLs to provide optimization opportunities.

Do I need Bun installed to run the check-performance script?

Yes, you need Bun installed to run the check-performance script. The implementation uses a Bun-based TypeScript script executed via the command line, requiring no other dependencies to analyze HTML and report performance issues.

What's the best way to detect unoptimized HTML resources affecting page speed?

The best way to detect unoptimized HTML resources is using a script that analyzes HTML patterns for oversized inline resources and missing preloads. It checks for absent image dimensions and render-blocking CSS or JS to provide actionable page speed optimization suggestions.

Why does my web page load slowly even after compressing images?

Your web page may load slowly due to render-blocking CSS or JavaScript, missing resource preloads, or unoptimized inline resources. Analyzing the HTML patterns of your URL can identify these specific bottlenecks and provide suggestions to improve Core Web Vitals.