performance-engineering

Optimize web performance with caching strategies and Core Web Vitals.

Updated Dec 13, 2025

Search Tags:#performance #caching #frontend #redis #optimization #backend #web-vitals

Ready to run

npx skills add https://github.com/imehr/vet --skill performance-engineering-imehr

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: performance-engineering
Source: https://github.com/imehr/vet/tree/main/.claude/skills/performance-engineering
Command: npx skills add https://github.com/imehr/vet --skill performance-engineering-imehr

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps teams reduce page load times by optimizing caching strategies, improving Core Web Vitals, and tightening end-to-end performance across front-end and back-end stacks.

Core Features & Use Cases

Caching optimization: implement stale-while-revalidate, edge caching, and Redis-backed strategies to reduce DB hits and latency.
Web Vitals improvement: target LCP, CLS, FID with preloading, code-splitting, and resource sizing.
Full-stack optimization: coordinate server, CDN, and database tactics to minimize TTI and bundle size.
Use Case: When migrating a Next.js app or optimizing a live site, use this skill to audit performance, design caching policies, and propose concrete changes to UI loading and API responses.

Quick Start

Ask the AI to audit a page and propose a caching and bundling plan for a Next.js app and its API routes.

Frequently Asked Questions about performance-engineering

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

FAQPage Schema

How do I improve Core Web Vitals like LCP and CLS in a Next.js application?▼

To improve Core Web Vitals like LCP and CLS in Next.js, use resource preloading, code-splitting, and proper resource sizing. This skill helps propose concrete changes to UI loading and API responses to minimize TTI and layout shifts.

What's the best way to implement Redis caching and edge caching for full-stack web performance?▼

For full-stack web performance, implement Redis caching and edge caching using stale-while-revalidate strategies. This reduces database hits and latency by coordinating server, CDN, and database tactics to tighten end-to-end efficiency.

How do I audit and reduce my web app's bundle size and loading times?▼

To audit and reduce bundle size and loading times, coordinate server-side rendering optimizations, code-splitting, and resource timing best practices. This skill can analyze your Next.js app and API routes to propose a concrete bundling plan.

Does this performance optimization approach work for both frontend and backend stacks?▼

Yes, this performance optimization approach works for full-stack projects by coordinating frontend and backend stacks. It targets faster loading and lower CLS by enforcing techniques across server, CDN, and database contexts.

Why does my web app still have high latency despite using a CDN?▼

High latency despite using a CDN often stems from unoptimized caching strategies and database hits. Use stale-while-revalidate techniques, Redis-backed caching, and server-side rendering optimizations to reduce DB hits and improve latency.