加速，加速，再加速：来自Google的网站加速技巧大全(6)

减小HTML文档的文件大小

想要减少网站的载入时间最佳的办法就是减小HTML文件的大小，有很多种办法可以实施，首先我们看看html哪些标签是可以瘦身的。

◆HTML 4

根据HTML 4 DTD标准，可以有很多标记都省略掉，下面以斜体表示的标记都可省略掉：

< /area>

< body>

< /body>

< /br>

< /col>

< /colgroup>

< /dd>

< /dt>

< head>

< /head>

< /hr>

< html>

< /html>

< /img>

< /li>

< /link>

< /option>

< /p>

< /param>

< tbody>

< /tbody>

< /td>

< /tfoot>

< /th>

< /thead>

< /tr>

例如，如果你有标记为< li>List item< /li>的列表项目，那么你可以将其省略为< li>List item，在表示段落结束时一般使用< /p>标记，但这下也可以使用< p>My paragraph了，这种省略语法对html、body、head都有效，在html中它们不是必须的。这样一通省略后，往往可以使整个html文件大小减小5-20%。

◆HTML 5

虽然HTML 5仍然在开发阶段，它向你提供了更多减小文件大小的选项。例如。HTML 5允许你象下面这样设置文档类型：

< !DOCTYPE html> 

相对

< !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 

你会注意到HTML 5 DTD更短了。当你指定文档的编码时，HTML 5更易于使用，并且更轻巧了，< meta charset="utf-8">和< meta http-equiv="content-type" content="text/html; charset=utf-8">表示的含义是一样的，浏览器一看也是知道要处理HTML。

在HTML 5中另一个值得一提的是可以省略掉与MIME类型关联的类型属性了，这些属性如type="text/css"或type="text/javascript"描述了内容的类型，现在可以使用< script>代替< script type="text/javascript">，使用< style>代替< style type="text/css">。

如果你将上面这些方法集合起来使用，将会节约10-20%的文件大小。请浏览Google的隐私页面，它就全部采用了这些方法。

UI消息和感觉等待时间

对于很多用户而言，速度并不等于性能，用户对一个网站的速度感觉会受到他们的总体体验影响，包括他们是否能够有效地获取到想要的内容，以及系统是如何人响应的。

在设计你的网站时，要考虑用户访问该站点的目的是什么，越快（越容易）完成访问网站越好，如果用户在获得内容时遇到了很多困难，他们在完成任务后肯定会马上离开你的站点，并可能再也不愿意回来。

其实要让用户觉得网站使用起来感觉很舒服，你有很多事情要做，这里只讨论3个主题。

1. 网站设计是否足够简单，即使是第一次使用该网站的用户也能够顺利地找到他们想要的内容。要达到开箱即用的效果。你可以花10天时间来考虑界面流程如何优化，这样对于10万用户而言，节省的时间和价值都大多了。

2. 某个消息会打断或增加用户工作步骤吗？

3. 用户在等待期间该做点什么？例如显示进度条，注意不要把进度条本身设计得过于庞大，一般建议使用“正在上传......”，“载入中.......”等等这样的纯文本就可以了。

小结

本文列举了12类加速网站的办法，在实际工作，可以视具体情况灵活运用，当你完全掌握了这些方法后，也许会触类旁通，引起你深入地追寻更深层次的加速办法。

本文内容由Google提供，黄永兵整理编译。

【编辑推荐】

1. 谷歌启动Web加速计划 拟改进TCP/IP和HTTP协议
2. Google研究小组最新报告：互联网上，速度最重要！
3. Google将推出开发者社区 改善Web性能
4. Google面向开发者推出网页加速工具Page Speed
5. Web性能测试种类与全面测试模型