2012-01-28 24 views
4

我很感兴趣Minify/Combining的一个文件的最大尺寸是多少。所以我有多个js文件,我发现我需要3-5个文件制作大约2-3部分的文件。Minify/Combining JS Files的最大尺寸

+0

我不确定我是否理解这个问题,你问的是最大文件大小对于缩小的Js文件是什么? – 2012-01-28 21:25:54

+0

这个问题真的很难理解。请尝试更清楚地阐明它。 – kontur 2012-01-28 21:35:08

+0

是的,我问一个缩小的Js文件的最大文件大小是多少 – Erik 2012-01-28 21:39:23

回答

6

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

所以这一切都取决于你的页面和你的目标浏览器。就个人而言,我使用50k作为单个CSS或JS的最大尺寸。这固然不是非常科学的。它是一个不错的圆形数字,我发现它可以容纳几个典型的css或js文件,并且不会太大以至于不能使用。

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 

阿帕奇未压缩减压文件迎宾那3MB

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

* Download this file: ~359ms 

如果您在此处有2个JS文件15KB

* Download this 2 file: ~259ms