20种提升网页速度的技巧

因此无论服务器的加载速度如何，其响应速度都比小型的超载服务器快。 对资产使用多个域来增加连接

CDN 的另一个优势是它们是独立的域。因为您的浏览器将并发连接的数量限制到一个单一的域，因此无论何时加载一个页面，都很容易占满所有线程。因此，到其他资产的连接被延迟了。然而，您的浏览器能够打开新线程或到其他域的连接，这样，从另一个域加载的任何资产都可以与其他所有资产同时加载。 在合适的时候使用 Google Gears

使用 Google Gears是避免用户反复下载同一内容的另一种好方法。Gears 允许用户离线访问 Web 应用程序，但是也允许将页面元素持久化到用户的计算机上。因此，频繁加载但未进行更新的内容可以存储在 Gears 数据库中，该数据库是一个 SQLite3 关系数据库管理系统。对同一内容的所有 next 请求都可以从数据库（而不是服务器）直接加载。

安装 Gears 之后，获取 gears_init.js 文件，以便轻松访问 Gears 工厂和应用程序编程接口（API），将其保存为 gears_init.js，通过以下方式在您的代码中引用它：

<script type="text/javascript" src="gears_init.js"></script> 要确定是否已安装 Gears，使用 清单 5 中的代码。

清单 5. 确定是否已安装 Gears

<script>

if (!window.google || !google.gears) {

location.href =

"/?action=install&message=<welcome message>" + "&return=<return url>";

}

</script>

如果未安装 Gears，代码将向您提供下载 Gears 的 URL。

当所有元素都通过验证并且 Gears 已安装之后，您可以测试 Gears 的极其有用的数据库功能，使用 清单 6 中的 JavaScript 代码。

清单 6. 测试数据库功能

<script type="text/javascript">

var db = google.gears.factory.create('beta.db');

db.open('database-test');

db.execute('create table if not exists Test' +

' (Phrase text, Timestamp int)');

db.execute('insert into Test values (?, ?)', ['Monkey!', new Date().getTime()]);

var rs = db.execute('select * from Test order by Timestamp desc');

while (rs.isValidRow()) {

alert(rs.field(0) + '@' + rs.field(1));

rs.next();

}

rs.close();