Skip to content

Latest commit

 

History

History
28 lines (18 loc) · 2.82 KB

File metadata and controls

28 lines (18 loc) · 2.82 KB

介绍

现代 web 应用经常使用打包工具来创建生产环境的“打包”文件(脚本、样式等等),这些文件经过优化压缩之后能够极快的被用户下载。在使用 webpack 进行 web 性能优化系列文章中,我们将介绍如何使用 webpack 高效的优化站点资源。这将会帮助用户更快的加载网站以及交互。

webpack logo

webpack 是当下最流行的打包工具之一。我们可以利用其特性来优化代码,通过代码拆分可以将脚本拆分为核心和非核心部分,并且去除无用的代码(这仅仅是一小部分的优化案例),从而确保你的应用具有最小的网络负担和处理成本。

Before and after applying JavaScript optimizations. Time-to-Interactive is improved

受 Susie Lu 的在 Bundle Buddy 中进行代码拆分的启发。

⭐️ 注意: 我们创建了一个可供练习的应用来演示这篇文章中讲到的内容。请充分利用它来练习这些技巧:webpack-training-project

让我们从现今应用中最耗费资源之一的 JavaScript 开始优化。