performance-optimization
Core Web Vitals optimization, bundle size reduction, caching strategies, and performance tuning expertise
소스 정보
- 저장소
- Hack23/riksdagsmonitor
- 최근 소스 활동
- 2026년 4월 16일 09:31
- 감지된 SKILL.md 언어
- 영어
- 스타
- 13
- 포크
- 3
설치 방법
기본적으로 소스를 먼저 확인하는 Prompt가 선택됩니다. 직접 명령으로 전환하거나 로컬 사본을 다운로드할 수도 있습니다.
소스 파일 검토
설치 여부를 결정하기 전에 SKILL.md와 SkillsMP에 표시된 보조 파일을 읽어 보세요.
SKILL.md 표시 중
SKILL.md
소스 지침 · 읽기 전용 미리보기- name
- performance-optimization
- description
- Core Web Vitals optimization, bundle size reduction, caching strategies, and performance tuning expertise
- license
- CC-BY-4.0
# Performance Optimization Skill
## 🔴 AI FIRST Quality Principle
> **Apply the AI FIRST principle: never accept first-pass quality. Minimum 2 iterations. Read all output, improve every section. No shortcuts.**
## Purpose
Expert knowledge in optimizing web performance focusing on Core Web Vitals, bundle size reduction, and efficient caching strategies.
## Core Principles
1. **Measure First** - Use Lighthouse/PageSpeed Insights
2. **Core Web Vitals** - LCP < 2.5s, FID < 100ms, CLS < 0.1
3. **Progressive Enhancement** - Core functionality works everywhere
4. **Lazy Loading** - Load content as needed
5. **Caching Strategy** - Maximize cache hits
## Enforces
- Core Web Vitals targets:
- LCP (Largest Contentful Paint) < 2.5s
- FID (First Input Delay) < 100ms
- CLS (Cumulative Layout Shift) < 0.1
- Bundle size optimization (< 100KB initial)
- Image optimization (WebP, lazy loading)
- HTTP caching headers
- CDN optimization
- Code splitting and tree shaking
## Optimization Strategies
- Lazy load images and charts
- Defer non-critical JavaScript
- Use browser caching (Cache-Control, ETag)
- Minify HTML/CSS/JavaScript
- Optimize images (compression, modern formats)
- Implement service workers for offline
## When to Use
- Performance tuning
- Bundle size reduction
- Load time optimization
- Core Web Vitals improvement
- Caching strategy design
## References
- [Web.dev Performance](https://web.dev/performance/)
- [Core Web Vitals](https://web.dev/vitals/)
- [Lighthouse Documentation](https://developers.google.com/web/tools/lighthouse)
---
**Version**: 1.0 | **Last Updated**: 2026-02-06 | **Category**: Development & Operations
GitHub에서 보기