15、提升Web应用性能与Prototype框架的使用指南

提升Web应用性能与Prototype框架的使用指南

1. 资产打包优化

在复杂的Ajax应用中，通常会涉及大量的JavaScript和CSS文件，并且每个文件一般都是单独下载的。即便单个文件体积较小，但请求如此多的文件所产生的网络开销，会对页面加载时间产生显著影响。客户端缓存并不能完全解决这个问题，因为浏览器仍需检查缓存是否为最新版本，这就会受到网络延迟的影响。解决办法是减少完整页面加载所需的文件总数，也就是合并单独的JavaScript和CSS文件。

可以手动将这些文件合并成一个，但这会使开发变得更加困难。实际上，让JavaScript和CSS文件根据其用途进行划分会更容易管理。而Asset Packager插件就是为此设计的，它允许在开发过程中维护任意数量的JavaScript和CSS文件，而在生产环境中进行合并。整个过程可以轻松实现自动化，确保用户能获取每个文件的最新版本，同时避免重新下载未更改的文件。

以下是使用Asset Packager插件的具体步骤：
1. 安装插件 ：在命令提示符中使用 script/plugin 命令进行安装。

script/plugin install http://sbecker.net/shared/plugins/asset_packager

2. 创建配置文件 ：运行以下 rake 任务来创建Asset Packager配置文件。