performance

Audit website loading bottlenecks and prioritize Core Web Vitals fixes.

Updated Feb 15, 2026
One-click install
npx skills add https://github.com/ricable/mcai --skill performance-ricable
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: performance
Source: https://github.com/ricable/mcai/tree/main/.agents/skills/performance
Command: npx skills add https://github.com/ricable/mcai --skill performance-ricable

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps diagnose and fix slow websites by turning performance audits into prioritized, actionable improvements that speed up loading and reduce jank.

Core Features & Use Cases

  • Audit bottlenecks: Identify costly images, render-blocking assets, heavy scripts, and inefficient runtime patterns.
  • Improve Core Web Vitals: Target LCP, FCP, TBT, TTI, and layout stability with measurable changes.
  • Practical optimizations: Apply better caching, compression, code splitting, font loading, lazy loading, and third-party script strategies.
  • Use case: If a landing page feels sluggish on mobile, use this Skill to find the largest wins and produce a step-by-step remediation plan.

Quick Start

Ask for a Lighthouse-based performance audit of your site and request prioritized fixes for the biggest loading and runtime bottlenecks.

Frequently Asked Questions about performance

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

FAQPage Schema
How do I improve Core Web Vitals for a slow loading website?

You can improve Core Web Vitals by running a Lighthouse-informed audit to identify loading bottlenecks, then applying prioritized fixes like code splitting, lazy loading, and image compression to target LCP, FCP, and TBT metrics.

What is the best way to reduce render-blocking assets and jank in JavaScript?

Reduce render-blocking assets and runtime jank by applying practical optimizations like code splitting, lazy loading, and third-party script containment to streamline the rendering path and eliminate inefficient runtime patterns.

How do I optimize images and fonts to speed up my frontend?

Optimize images and fonts by identifying costly resources during a frontend audit, then applying targeted compression, lazy loading, and efficient font loading strategies to reduce payload size and speed up site loading.

Can I use Lighthouse audit data to create a step-by-step website remediation plan?

Yes, you can use Lighthouse audit data to generate a step-by-step remediation plan by translating identified performance bottlenecks into prioritized, actionable improvements for measurable before-and-after loading results.

Does third-party script containment help with website performance tuning?

Yes, third-party script containment helps website performance tuning by isolating heavy external scripts that cause runtime inefficiencies, preventing them from blocking the rendering path and reducing layout stability issues.