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

时间:2012-01-28 21:20:24

标签: javascript minify

我感兴趣的是Minify / Combining一个文件的最大大小。所以我有一个多个js文件,我发现我需要通过3-5个文件制作2-3份文件。

2 个答案:

答案 0 :(得分:6)

这里确实没有硬性的黄金法则。通常,您希望使用尽可能少的HTTP请求进行页面加载。然而,终极目标是尽可能快地加载页面。虽然减少请求数是关键,但它不是唯一的因素。例如,如果您有一个包含一个100k js文件的页面,没有css,没有图像,没有其他请求。如果页面有4个25k js请求,那么该页面将在大多数现代浏览器中加载更快,因为4个请求可以在4个连接中并行化。但是,您的典型网页有30到100个请求,这些请求通过组合文件加载得更快,因为大多数浏览器限制为每个主机6个连接,并且打开新连接时涉及延迟以及阻止javascript和css的问题,具体取决于浏览器类型,在加载js或css之前不会启动其他连接。这还取决于这些资源是否在头脑中。

所以这一切都取决于您的网页和目标浏览器。就个人而言,我使用50k作为单个css或js的最大大小。这无疑是非常科学的。它是一个很好的圆形数字,我发现它可以容纳几个典型的css或js文件,并且不是那么大,以至于它是禁止的。

答案 1 :(得分:3)

最大尺寸是最大请求的最大值

当量

index   3KB
CSS     10KB
jquery  32Kb

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

当量

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

Apache不压缩deflate文件,即3MB

结论 如果你有一个大约32Kb的JS文件

* Download this file: ~359ms

如果你有15个15Kb的JS文件

* Download this 2 file: ~259ms