Optimize application performance for speed, efficiency, and scalability. Use when improving page load times, reducing bundle size, optimizing database queries, or fixing performance bottlenecks. Handles React optimization, lazy loading, caching, code splitting, and profiling.
85
78%
Does it follow best practices?
Impact
100%
1.04xAverage score across 3 eval scenarios
Passed
No known issues
Optimize this skill with Tessl
npx tessl skill review --optimize ./.agent-skills/performance-optimization/SKILL.mdReact rendering performance optimization
React.memo on ProductCard
100%
100%
React.memo on ProductList
100%
100%
useMemo for filtered products
100%
100%
useCallback for addToCart
100%
100%
Lazy import for HeavyChart
100%
100%
Suspense wrapping HeavyChart
100%
100%
web-vitals import
100%
100%
All core Web Vitals captured
70%
100%
Web Vitals callback wired
100%
100%
No static HeavyChart import
100%
100%
Bundle size reduction and tree shaking
Lodash path import
100%
100%
No full lodash import
100%
100%
Dynamic import for d3 or analytics lib
100%
100%
Dynamic import for pdfmake
100%
100%
No static pdfmake import
100%
100%
Bundle analyzer script
70%
100%
webpack-bundle-analyzer in devDependencies
100%
100%
Named/selective Ramda import
100%
100%
BUNDLE_AUDIT mentions tree shaking
100%
100%
BUNDLE_AUDIT mentions dynamic imports
100%
100%
Database query and caching optimization
N+1 fix: include author
100%
100%
No per-article user query
100%
100%
Redis cache check
80%
100%
Redis cache store with TTL
80%
100%
Cache key includes userId
100%
100%
Cache TTL is positive integer
100%
100%
Index on articles.author_id
100%
100%
Index on articles.published_at
100%
100%
PERFORMANCE_NOTES explains N+1
100%
100%
PERFORMANCE_NOTES explains cache TTL choice
100%
100%
c033769
Table of Contents
If you maintain this skill, you can claim it as your own. Once claimed, you can manage eval scenarios, bundle related skills, attach documentation or rules, and ensure cross-agent compatibility.