page-speed-optimizer

Audit frontend performance bottlenecks and validate measured optimization fixes.

2|Updated Feb 17, 2026
One-click install
npx skills add https://github.com/nodatall/primedirective --skill page-speed-optimizer
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: page-speed-optimizer
Source: https://github.com/nodatall/primedirective/tree/main/skills/page-speed-optimizer
Command: npx skills add https://github.com/nodatall/primedirective --skill page-speed-optimizer

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill eliminates frustrating slow page loads, unexpected layout jumps, interaction lag, and blank loading gaps that harm user experience, increase bounce rates, and hurt Core Web Vitals scores for web applications.

Core Features & Use Cases

  • Evidence-based performance audits: Ranks frontend performance bottlenecks using field data, lab tests, traces, and screenshots, with no code changes unless you explicitly approve fixes.
  • Bounded measured fix loops: Implements safe, high-impact optimizations one at a time, with before/after validation and full state tracking to avoid regressions.
  • Comprehensive coverage: Inspects page loads, route transitions, in-app interactions, assets, third-party scripts, cache/CDN surfaces, and back/forward navigation behavior.
  • Use case example: If your SaaS app has a 4-second LCP on its dashboard, this Skill will identify the root cause (like unoptimized route chunks or render-blocking third-party scripts), recommend safe fixes, and verify the improvement with measured evidence.

Quick Start

Request a frontend performance audit or measured speed optimization by asking the AI to use the page-speed-optimizer skill for your project.

Frequently Asked Questions about page-speed-optimizer

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

FAQPage Schema
How do I fix layout shifts and improve Core Web Vitals scores?

Fix layout shifts and improve Core Web Vitals by running an evidence-based frontend performance audit that analyzes field data, lab tests, and traces to identify bottlenecks causing visual jank. The process ranks performance issues using measured evidence without applying code changes unless explicitly approved.

What is the best way to optimize slow frontend page loads and interaction latency?

Optimize slow frontend page loads and interaction latency through bounded measured fix loops that implement high-impact optimizations one at a time. This method applies safe fixes with before/after validation and full state tracking to prevent regressions.

How do I reduce asset cost and analyze third-party script performance?

Reduce asset cost and analyze third-party script performance by inspecting page loads, route transitions, and cache/CDN surfaces. The audit identifies render-blocking scripts and unoptimized route chunks, recommending safe fixes validated with measured evidence.

Does this approach test bfcache and back-forward navigation behavior?

Yes, the performance optimization approach tests bfcache and back-forward navigation behavior. It satisfies requirements for bfcache behavior testing, back-forward navigation analysis, and production-like measurement gating to ensure safe fix validation.

Can I validate frontend performance fixes without causing regressions?

Validate frontend performance fixes without causing regressions by using bounded measured fix loops with before/after validation and full state tracking. This ensures safe fix validation through production-like measurement gating and evidence-based performance ranking.

Why does my SaaS app dashboard have a 4-second LCP despite route transitions?

A 4-second LCP on a SaaS dashboard is often caused by unoptimized route chunks or render-blocking third-party scripts. An evidence-based performance audit identifies the root cause, recommends safe fixes, and verifies the improvement with measured evidence.