performance-profiling

原文涵盖的主题

• Performance Profiling
• 🔧 Runtime Scripts
• 1. Core Web Vitals
• Targets
• When to Measure
• 2. Profiling Workflow
• The 4-Step Process
• Profiling Tool Selection

Measure, analyze, optimize - in that order. Execute these for automated profiling: | Script | Purpose | Usage | |--------|---------|-------| | scripts/lighthouseaudit.py | Lighthouse performance audit | python scripts/lighthouseaudit.py https://example.com | -- | Metric | Good | Poor | Measures | |--------|------|------|----------| | LCP | 4.0s | Loading | | INP | 500ms | Interactivity | | CLS | 0.25 | Stability | | Stage | Tool | |-------|------| | Development | Local Lighthouse | | CI/CD | Lighthouse CI | | Production | RUM (Real User Monitoring) | -- | Problem | Tool | |---------|------| | Page load | Lighthouse | | Bundle size | Bundle analyzer | | Runtime | DevTools Performance | | Memory | DevTools Memory | | Network | DevTools Network | -- | Issue | Indicator | |-------|-----------| | Large dependencies | Top of bundle | | Duplicate code | Multiple chunks | | Unused code | Low coverage | | Missing splits | Single large chunk | | Finding | Action | |---------|--------| | Big library | Import specific modules | | Duplicate deps | Dedupe, update versions | | Route in main | Code split | | Unused exports | Tree shake | -- | Pattern | Meaning | |---------|---------| | Long tasks

这里只展示节选，请以完整原文和当前要求为准。