JavaScript项目优化总结(1)(5)

JavaScript文件合并

规则1——减少HTTP请求（Minimize HTTP Requests）。Yahoo前端优化性能规则[5]

只有10%～20%的最终用户响应时间花在接收请求的HTML文档上，剩下的80%～90%时间都花在HTML文档所引用的所有组件（图片、脚本、样式表、Flash等）进行的HTTP请求上。因此，改善响应时间最简单的办法就是减少组件数量并由此减少HTTP请求数。

对公共库合并压缩在减少size的同时，减少http请求优化网络耗时提升性能。

文档生成

YUIDoc 是一个基于 Node.js 的应用程序，用来根据 JavaScript 的注释中生成 API 文档，类似 JavaDoc、ASDoc，这也是当前 YUI 用来生成文档的工具。

YUIDoc安装与使用

YUIDoc安装

与UglifyJS一样，YUIDoc也是基于Nodejs的一个应用程序，使用npm安装即可。

npm -g install yuidocjs. 

校验安装是否成功

C:Userstyler>yuidoc -v  
0.3.15 

生成文档（一次性生成）yuidoc .

一次性生成该目录及其子目录下所有JS的文档 默认在不配置的情况下会生成在当前目录的out目录中。

-o, --out <directory path> Path to put the generated files (defaults to ./out) 

生成文档（实时生成）

YUIDoc还提供了一种实时文档生成的方式，有利于团队协作开发 比如在SVN上部署YUIDoc实时文档，递交到SVN的代码都会及时生成文档提供团队使用查阅

yuidoc --server  

默认开放监听当前目录文件变动，开放3000端口 可以通过http://127.0.0.1:3000/，来访问文档 如果3000端口被占用，也可以指定特定端口号

yuidoc --server 5000 

来通过开放5000端口提供文档访问