skills.rest
thiagoooo34252
thiagoooo34252COMMUNITY
Explore all skills by this author →
GitHub

engineer-performance-optimization

Identify web application performance bottlenecks using Web Vitals metrics.

1|Updated Apr 12, 2026
Search Tags:#performance optimization#performance analysis#Web Vitals#load time improvement#Web performance
One-click install
npx skills add https://github.com/thiagoooo34252/atlas-engineer --skill engineer-performance-optimization
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: engineer-performance-optimization
Source: https://github.com/thiagoooo34252/atlas-engineer/tree/main/skills/engineer-performance-optimization
Command: npx skills add https://github.com/thiagoooo34252/atlas-engineer --skill engineer-performance-optimization

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill addresses performance bottlenecks in web applications by focusing on measurable targets, providing guidance for optimization, and ensuring improvements are validated.

Core Features & Use Cases

  • Measure Performance: Utilizes Web Vitals metrics to measure load times, rendering performance, and visual stability.
  • Optimize: Offers specific techniques for reducing bundle size, improving rendering speed, and optimizing memory usage.
  • Verify: Ensures that optimizations lead to tangible improvements in performance.

Quick Start

Use the engineer-performance-optimization skill to analyze the performance of your website with 'npm run perf-analysis'.

Frequently Asked Questions about engineer-performance-optimization

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

FAQPage Schema
How do I identify performance bottlenecks in my web application?▼

You identify performance bottlenecks by measuring Web Vitals metrics like load times, rendering speed, and visual stability. This Skill guides you through measuring, identifying, and fixing these specific rendering and memory issues.

What is the best way to improve Web Vitals and reduce web page load time?▼

The best way to improve Web Vitals and load time is applying targeted techniques like reducing bundle size and optimizing memory usage. You then verify these fixes lead to tangible improvements in rendering performance.

How do I measure and verify improvements in web performance optimization?▼

You measure and verify web performance optimization by running a perf-analysis script to capture Web Vitals before and after applying fixes. This validates that rendering speed and visual stability improvements are tangible.

Do I need prior knowledge of Web Vitals to use performance analysis workflows?▼

Yes, you need an understanding of Web Vitals and common performance optimization techniques to use this workflow. This prerequisite knowledge is required to effectively measure metrics and apply fixes for rendering speed.

What specific techniques help with reducing bundle size and improving rendering speed?▼

Specific techniques for reducing bundle size and improving rendering speed include targeted memory usage optimization and applying fixes based on Web Vitals measurements. These optimizations are then verified for tangible performance gains.

Related Skills

Explore More Software Engineering Skills→
tblakex01tblakex01
1

benchmark

Baseline and detect web page performance regressions across pull requests.

Community
Advanced
HieubkavHieubkav

web-performance-audit

Measure Core Web Vitals and identify web performance bottlenecks.

Community
Advanced
GrupoUSGrupoUS
1

performance-profiling

Analyze web performance with Lighthouse audits for Core Web Vitals metrics.

Community
Intermediate
soloamentesoloamente

performance-optimization

Diagnose web performance bottlenecks and apply targeted optimizations for Core Web Vitals.

Community
Advanced