skills.rest
bluebricks-nl
bluebricks-nlOFFICIAL
Explore all skills by this author →
GitHub

performance

Analyze web performance and optimize loading speed, runtime efficiency, and resource utilization.

Updated Feb 4, 2026
Search Tags:#performance#frontend#web vitals#optimization#lighthouse#loading speed
One-click install
npx skills add https://github.com/bluebricks-nl/blue-bricks-template --skill performance-bluebricks-nl
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: performance
Source: https://github.com/bluebricks-nl/blue-bricks-template/tree/main/.claude/skills/performance
Command: npx skills add https://github.com/bluebricks-nl/blue-bricks-template --skill performance-bluebricks-nl

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill addresses slow website loading times and poor user experience by identifying and resolving performance bottlenecks.

Core Features & Use Cases

  • Bottleneck Identification: Pinpoints issues in code, assets, and server response.
  • Optimization Strategies: Provides actionable code examples for critical rendering path, JavaScript, CSS, images, and fonts.
  • Performance Budgeting: Defines clear targets for resource sizes and load times.
  • Use Case: Improve your site's Lighthouse score by implementing the provided code snippets for image optimization and script deferral.

Quick Start

Optimize the performance of the website by following the critical rendering path and resource loading best practices.

Frequently Asked Questions about performance

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

FAQPage Schema
How do I optimize my website loading speed and improve Core Web Vitals?▼

Optimize website loading speed by analyzing the critical rendering path, deferring scripts, and compressing assets to improve Core Web Vitals metrics like LCP, FCP, TBT, and TTI.

What is the best way to identify frontend performance bottlenecks?▼

Identify frontend performance bottlenecks by analyzing code execution, asset sizes, and server response times to pinpoint issues affecting runtime efficiency and resource utilization.

How can I improve my Lighthouse score through JavaScript and CSS optimization?▼

Improve your Lighthouse score by implementing actionable code examples for JavaScript and CSS optimization, image and font loading, and script deferral to streamline resource loading.

Can I use performance budgeting to define targets for resource sizes and load times?▼

Performance budgeting defines clear targets for resource sizes and load times, ensuring your website maintains optimal loading speed and runtime efficiency.

What caching strategies work best for frontend web performance optimization?▼

Effective caching strategies for frontend web performance optimize resource utilization and runtime efficiency, addressing both asset loading and server response bottlenecks.

Why does my site have a slow Largest Contentful Paint and how do I fix it?▼

A slow Largest Contentful Paint often stems from unoptimized images, render-blocking CSS, or slow server response; fix it by optimizing the critical rendering path and resource loading.

Related Skills

Explore More Software Engineering Skills→
deomiarndeomiarn

performance-audit

Audit website performance with Lighthouse against Core Web Vitals targets.

Community
Intermediate
cjohnhansoncjohnhanson

performance-eval

Evaluate front-end web performance using Core Web Vitals and RAIL model analysis.

Community
Advanced
jvm-skillsjvm-skills
135

performance

Identify and fix web performance bottlenecks in single-page and multi-page sites.

Official
Advanced
januarfontijanuarfonti
10

rsc-data-optimizer

Convert client-side data fetching in Next.js to React Server Components.

Community
Intermediate