performance

Name: performance
Availability: InStock
Author: bluebricks-nl

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

Ready to run

npx skills add https://github.com/bluebricks-nl/blue-bricks-template --skill performance-bluebricks-nl

💬 Prompt for ChatGPT / Claude Chat▼

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.