第三弹：资源压缩与合并

资源的压缩与合并有两个好处：

1. 减少 http 请求数量
2. 减少 http 请求体积

页面会根据请求过来资源渲染内容，这些资源的数量越多或者体积越大，TTFB 的时间线会被拉长。

举个例子，浏览器同时发出两个请求，其中一个请求拿到的响应是 10 KB 的 html 文件，另一个请求拿到的响应是 10MB 图片，用户如果想看到完整的内容，最终将取决于 10MB 图片响应回来的速度。

短板效应告诉我们，一个桶装的水有多少，取决于它最短的那块板有多长。10MB 的图片就是那块短板。

如果能让图片资源得到压缩，那显然能够提高响应回来的速度。

关于资源的压缩与合并，目前常用的方式还是使用 webpack 在构建时自动对一些文件进行处理。

对于 webpack 如何缩小打包体积，我已经写在以下这篇文章里了。

如何缩小打包体积

只需要简单的配置即可完成工作。