20种提升网页速度的技巧

对于所有与优化相关的任务，您必须使用工具来诊断瓶颈和识别问题。现在在 Web 开发中使用最广泛的两个工具是 Firebug 和 YSlow，它们都是开源、免费的 Firefox 插件。

Firebug

Firebug是最流行的 Firefox 扩展之一，该应用程序能够使 Web 开发人员的工作更加轻松。它包含许多非常有用的功能，比如：

JavaScript 调试

JavaScript 命令行

监视 JavaScript 性能和跟踪 XmlHttpRequests

登录 Firebug 控制台

跟踪

检查 HTML 元素和动态编辑 HTML 代码

动态编辑 CSS 文档

YSlow

YSlow分析网页，并根据 Yahoo! 起草的高性能网站规则，告诉您网页加载缓慢的原因。YSlow 是一个与 Firebug 集成的 Firefox 插件，因此您需要首先安装 Firebug，然后才能安装和使用 YSlow。

安装 Firebug

两个 Firefox 扩展的安装过程都非常简单。要安装 Firebug，执行以下步骤： 打开 Firefox，转到 Firebug 主页。

安装最新版的 Firebug。

如果 Firefox 配置为阻止弹出窗口，单击 Allow 允许打开安装窗口。否则，单击 Install Now。

重启 Firefox。

您现在可以从 Tools 菜单访问 Firebug。可以在新窗口或现有窗口中打开 Firebug

安装 YSlow

安装 Firebug 之后，接下来安装 YSlow。为此，执行以下步骤：

打开 Firefox，然后转到 YSlow 主页。

安装插件，然后重启 Firefox。

注意：与许多其他 Firefox 扩展不同，YSlow 不会自动启动。必须首先激活它。 要激活 YSlow，在状态栏右键单击其图标，然后单击 Autorun。

常识：牢记设计规则

令人惊讶的是简单的设计规则通常会被忽视，最终产生未经优化的、下载缓慢的网页。牢记以下规则，页面的加载速度将会更快。

使用良好的结构

可扩展 HTML (XHTML) 具有许多优势，但是其缺点也很明显。XHTML 可能使您的页面更加符合标准，但是它大量使用标记（强制性的 <start> 和 <end> 标记），这意味着浏览器要下载更多代码。所以，事情都有两面性，尝试在您的网页中使用较少的 XHTML 代码，以减小页面大小。

如果您确实不得不使用 XHTML，试着尽可能对它进行优化。例如，删除空格并采用严格的 XHTML 编码实践，提高下载和解析速度。要严格执行 XHTML Strict 规则，向文档中添加以下 doctype 语句：