- 原文地址: introduction
- 原文作者: Addy Osmani
- 译文地址: 介绍
- 译者: 闫萌
- 校对者: 周文康、杨建
现代 web 应用经常使用打包工具来创建生产环境的“打包”文件(脚本、样式等等),这些文件经过优化和压缩之后能够极快的被用户下载。在使用 webpack 进行 web 性能优化系列文章中,我们将介绍如何使用 webpack 高效的优化站点资源。这将会帮助用户更快的加载网站以及交互。
webpack 是当下最流行的打包工具之一。我们可以利用其特性来优化代码,通过代码拆分可以将脚本拆分为核心和非核心部分,并且去除无用的代码(这仅仅是一小部分的优化案例),从而确保你的应用具有最小的网络负担和处理成本。
受 Susie Lu 的在 Bundle Buddy 中进行代码拆分的启发。
⭐️ 注意: 我们创建了一个可供练习的应用来演示这篇文章中讲到的内容。请充分利用它来练习这些技巧:
webpack-training-project
让我们从现今应用中最耗费资源之一的 JavaScript 开始优化。