前端性能和加载体验优化实践(附:PWA、离线包、内存优化、预渲染) 2021年12月28日2025年2月19日除除 探讨了页面加载卡顿的原因并提出了多种优化方法。主要原因包括项目包或第三方脚本过大、JavaScript 执行阻塞页面加载、图片体积大且多等。优化策略包括构建缩包按需加载、减少图片体积等。文章还详细介绍了如何通过 Webpack 插件分析项目中用到的 npm 包及大小,以及如何通过调整图片尺寸、格式转换、压缩等方式减小图片体积。
启用 Brotli 压缩算法,对比 Gzip 压缩 CDN 流量再减少 20%[转] 2017年11月20日2025年6月12日除除发表评论 介绍了 Google 于 2015 年推出的无损压缩算法 Brotli,其通过 LZ77 算法、Huffman 编码等方式实现更高的压缩效率。相比 Gzip,Brotli 性能提升 17-25%,在低压缩级别下仍优于 Gzip 高级别压缩,适用于各种 HTML 文档。目前主流浏览器均支持该算法,进一步提升了网页加载速度。