一、chunk-vendors.js 简介 顾名思义，chunk-vendors.js 是捆绑所有不是自己的模块，而是来自其他方的模块的捆绑包，它们称为第三方模块或供应商模块。 通常，它意味着（仅和）

就是为了解决这个问题而写，希望看到这篇文章的同学能少走一些弯路。 函数bar由于没有被引用，因此bar为冗余代码。通过使用Tree-shaking，让bar在打包的时候自动被删除掉，从而减少了代码的构建体积。 sideEffects设为false，告诉Webpack没有文件有副…

随着 web 应用复杂性增加，JS 代码文件的大小也在不断的攀升，在这里我们使用 Tree Shaking 来减小 js 代码的大小。

史上最全的火焰图详解，一文让你读懂什么是火焰图前世今生，巧用工具来快速分析性能情况，便捷实现系统调优。

本文是国内第一篇讲如何减少网站卡顿的代码级别详细文章， 聊网站性能的文章有很多，通常为了提高js性能，避不开这两点： 不要阻塞主线程 减少长耗时，本文从这两个角度展开。

前端优化首屏加载时间的相关步骤和配置。 1、使用CDN；2、路由懒加载；3、插件按需引入；4、图片资源进行压缩

所有的性能优化都围绕着两大层面两小层面实现，核心层面是网络层面和渲染层面，辅助层面是时间层面和体积层面，而辅助层面则充满在核心层面里，笔者通过本文整理出关于前端性能优化的九大策略和六大指标

自JavaScript诞生以来，前端技术发展非常迅速。移动端白屏优化是前端界面体验的一个重要优化方向，Web 前端诞生了 SSR 、CSR、预渲染等技术。在美团支付的前端技术体系里，通过预渲染提升网页首帧优化，从而优化了白屏问题，提升用户体验，并形成了最佳实践。 通过对比，同构…

字节跳动发展至今， 随着用户数量的不断增长，对于站点体验衡量的的需求也日益紧迫，用户会将产品和他们每天使用的体验最好的 Web 站点进行比较……