最小化/组合JS文件的最大大小

max size of Minify/Combining JS Files

本文关键字：文件 组合 JS 最小化      更新时间：2023-09-26

我感兴趣的是一个文件的Minify/组合的最大大小是多少。所以我有多个js文件，我发现我需要用3-5个文件制作大约2-3部分的文件。

这里真的没有硬性的黄金法则。通常，您希望使用尽可能少的HTTP请求来加载页面。然而，最终目标是使页面加载尽可能快。虽然减少请求数量是关键，但这并不是唯一的因素。例如，如果你有一个页面，有一个100k的js文件，没有css，没有图像，没有其他请求。如果页面有4个25k js请求，那么该页面在大多数现代浏览器中的加载速度会更快，因为这4个请求可以通过4个连接并行处理。然而，你的典型网页有30到100个请求，通过组合文件，这些请求的加载速度会更快，因为大多数浏览器每个主机只能连接6个，打开新连接时会有延迟，javascript和css也会出现阻塞问题，这取决于浏览器类型，在加载js或css之前，不会启动其他连接。这也可能取决于这些资源是否在头脑中。

所以这一切都取决于你的页面和你的目标浏览器。就我个人而言，我使用50k作为单个css或js的最大大小。无可否认，这并不十分科学。这是一个很好的整数，我发现它可以容纳几个典型的css或js文件，并且没有大到令人望而却步。

最大大小是最大请求的最大值

eq

index   3KB
CSS     10KB
jquery  32Kb

最佳大小约为14KB=MTU+标头

eq

CSS   16Kb   - 172ms
JS    32Kb   - 359ms
Js    17KB   - 281ms
JS    15,8KB - 250ms
ga.js 13KB   - 109ms

Apache没有压缩放气文件迎接3MB

结论如果你有一个关于32Kb 的JS文件

* Download this file: ~359ms

如果您有15Kb 的2个JS文件

* Download this 2 file: ~259ms
相关文章：