Оптимизация производительности веб-приложений

★ 7.5 · web-development

performance-web is a Claude Code skill that performs deep web performance optimization based on Lighthouse audits, targeting Core Web Vitals, loading speed, and resource efficiency. It follows a four-step workflow: identify bottlenecks in code and assets, prioritize by LCP/CLS/FID impact, deliver specific optimizations with code examples, and measure before/after metric improvements. A built-in performance budget sets hard limits — page weight under 1.5 MB, JavaScript under 300 KB compressed, CSS under 100 KB, fonts under 100 KB. The skill covers the full critical rendering path (TTFB, HTTP/2, preconnect/preload), JavaScript code splitting and tree shaking, responsive images in AVIF/WebP with fetchpriority for LCP, font-display swap with variable font support, and Cache-Control caching strategies. It's aimed at frontend developers who need to speed up a slow site, cut page load time, or pass a PageSpeed audit.