20 种提升网页速度的技巧 .

XHTML 1.0 Strict 与 Strict HTML 4.01 是等效的，包含的属性和元素没有出现在 HTML 4.01 规范的反对内容中。记住，有两个标记能够在 XHTML Transitional 中使用，但不能在 XHTML Strict 中使用，例如：

<center><font><iframe><strike><u>

除了体积较小之外，这种实现导航的方式也更加符合 Web 标准。

要确定是否已安装 Gears，使用 清单 5 中的代码。

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

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

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

清单 6. 测试数据库功能

图 4 显示了 Performance 视图，可以在其中看到 YSlow 如何评估您的网页的性能，还能够看到该扩展检测到的问题。单击列表中的一个链接将打开一个页面，其中解释了相应的错误。如果存在可以改进的页面组件，YSlow 会给出改进建议。

在 Inspect 视图中，如 图 5 所示，您可以逐一分析元素来剖析页面。Inspect 视图的一个最有用的功能是，当您在页面上移动鼠标指针时，它会自动刷新，因此您无需通过滚动代码内容来查找需要检查的行。

图 5. Firefox 中的 YSlow Inspect 视图

从 Stats 视图的名称可以猜测到，它（如 图 6 所示）显示与当前页面有关的统计数据。这些数据包括空的和主要的缓存和 cookie。

图 6. Firefox 中的 YSlow Stats 视图

Components 视图（如 图 7 所示）列出了当前页面上的组件。显示的与每个组件有关的数据包括文件类型和路径、页面过期时间以及 HTTP 响应报头。单击一个组件可以将其打开，以供查看。单击一个列标题可以按升序或降序对表进行排序。

图 7. YSlow Components 视图

YSlow 是一个较小的、有用的扩展，可以在提高页面加载速度方面为您提供许多帮助。如果您以前未使用过它，那么现在应该使用了。

回页首

结束语

优化网页的加载速度并不复杂。实际上，您通常可以轻而易举地实现速度优化。如果遵循本文中介绍的技巧以及 Web 开发最佳实践，那么无需采用其他措施就可以提高页面的加载速度。

将大量页面优化技巧收集到一起很简单，我希望本文的资源具有一定的价值。但是，如果您认为速度优化技巧只有这里列出的这些，那么您将惊奇地发现远远不止这些。但是，即使您仅遵循这 20 多个技巧，您的页面的加载速度也会更快，您的用户也会更惬意 —— 无论他们通过拨号还是专用的宽带上网。

参考资料

学习

在 Wikipedia 上查找 与宽带网络接入相关的一般信息和指标。

阅读 Yahoo! Exceptional Performance 团队起草的 高性能网站规则。

阅读 Martin Brown 的文章 “Using HTTP Compression”（ServerWatch，2005 年 6 月），了解有关 HTTP 压缩各方面的详细信息。

了解 CSS sprites —— 它们是什么以及如何使用它们加快图像加载速度。

Learn how to 加快 JavaScript 加载速度。

阅读 Jesse Skinner 的 developerWorks 文章 “在应用程序中使用 Ajax 的时机”。

了解与 gzip 压缩库 有关的更多信息。

developerWorks Web 开发专区 包含用于 Web 2.0 开发的大量工具和信息。

developerWorks 技术活动和网络广播：随时关注最新技术。

技术书店：浏览与本文所述主题和其他技术主题相关的图书。

获得产品和技术

使用 JSMin 将您的 JavaScript 文件精简到极限。

YUI Compressor 是 Yahoo! 的 JavaScript 压缩器和 Yahoo! UI Library 的一部分。这个站点还提供了有关压缩代码的不同方面以及理想的代码如何淡化负面效应的大量读物。

JSLint 可以帮助您识别糟糕的编码实践。

Firebug 是一个 Firefox 插件，为您提供了广泛的开发工具。

发现和下载 Google Gears。

YSlow 是 Yahoo! 开发的一个 Firebug 插件，用于分析您的页面并告诉您页面变慢的原因。