本话题地址，参与即可获得礼品：
<a href="https://yq.aliyun.com/roundtable/65388">https://yq.aliyun.com/roundtable/65388</a>
前端优化中，文件合并及压缩总是会被作为很重要的一条提及。最主要的依据是减少了大量的http请求。那么文件真的能大幅降低服务器压力吗？
通常合并主要有两个目的：
为了减少http请求数。
代码安全考虑（文件分得越多，越容易被人看清）。
这种方式就是不管三七二十一，所有js/css/图片文件各自合并成一个大文件，所有页面都引用它，即使某些代码/图片可能不会用到。
虽然这种方式将请求数降低到了3个http请求的超低数，但是同时这种方式也有个很大的缺点。有些页面很简单，只需要很小一部分的js或css，甚至可能没有引用多少图片，却加载了所有的资源。量化一下，就是1%的需求，却加载了100%的资源。显然，这种方式在大幅降低了HTTP请求的同时，也大幅增加了带宽的消耗。
微信页面引用的图片文件（部分内容）
除此之外，将多个文件合并成一个超大文件，对文件的内容维护，也增加了非常大的难度。比如你在修改某一个页面的css样式时，很有可能需要在几千行css代码里，ctrl+f来找一行样式。而更新图片更是凄惨。你只需要修改一个小图标文件，却要将整个已经合并可能高达1MB的图片文件重新发布一次。
那么如果不合并又会是怎么样？
如果不合并，需要什么资源，就引用对应的文件资源。在带宽消耗上确保做到了最低。同时，在对引用的资源进行维护时，也非常方便。修改了什么文件，直接发布该文件即可。用户也不需要将合并后的大文件，全部重新下载。
但是，一个网站首页往往会引用多达十几个JS文件，数个CSS文件和几十个图片文件。也就是说，一个首页的http请求会高达上百。
云栖社区抽奖活动页面头部部分引用的js/css文件：
