Apply Gzip and Brotli compression to JavaScript assets in build pipelines.
npx skills add https://github.com/PatternsDev/skills --skill compression-patternsdev
Please help me install this Agent Skill. Skill: compression Source: https://github.com/PatternsDev/skills/tree/main/javascript/compression Command: npx skills add https://github.com/PatternsDev/skills --skill compression-patternsdev
JavaScript payloads are heavy and slow to download, which hurts page load times and user experience on slow networks. This Skill provides guidance on applying compression techniques to reduce transfer sizes and improve perceived performance.
Run Brotli and gzip compression as part of your production build to reduce JS payloads for faster load times.
High-intent search queries and answers about installing and using this skill.
Brotli and gzip are compression techniques used to shrink JavaScript payloads. Brotli achieves higher compression ratios for static assets, while gzip serves as a widely compatible fallback. Apply Brotli for modern browsers to maximize transfer size reduction and improve page performance.
Enable Brotli and gzip compression by configuring server and CDN settings to apply static pre-compression for build assets. For dynamic content, configure on-the-fly compression rules to ensure frequently changing JavaScript payloads are compressed during transfer.
Brotli generally achieves better compression ratios than gzip for JavaScript assets, resulting in smaller payload sizes. Use Brotli for static build outputs to maximize performance gains, while retaining gzip as a fallback for broader browser compatibility.
Avoid dynamic compression for static JavaScript assets when you can pre-compress them during the build process. Dynamic compression adds server overhead for content that does not change, whereas static compression eliminates runtime CPU costs during deployment.
SylphxAIAnalyze Next.js frontend performance for Core Web Vitals and bundle size.
racciolyRun Lighthouse audits and analyze Core Web Vitals to identify performance bottlenecks.
quanngynxCompress JavaScript payloads with Brotli over Gzip for web performance.
MolcajeteAIAnalyze JavaScript bundles with Vite Bundle Analyzer to identify large dependencies.
