网站的优化

网站的优化

一个性能良好的网站在其建设的后期应该考虑到网站优化这个问题。由于现在使用的网页编辑工具除了 Dreamweaver 之外还有很多，比如Frontpage 或者 Word 2000 之类的工具。这些工具所创作的网页，也许会产生无效的垃圾代码。这就大大增加了网页文档的大小，从而增加网站服务器的负担，使我们用户在访问该网站的时候下载时间延长、网页浏览速度变缓，甚至可能出现意想不到的错误。

幸运的是 Dreamweaver 工具提高了优化 HTML 源代码的功能，可以最大限度地对网页文档中的垃圾代码进行瘦身，从而修复代码错误、提高源代码质量。本小节就来介绍如何利用Dreamweaver 4 来优化网站。

1．整理 HTML 代码

Dreamweaver 4中为现有文档的代码提供了特殊的模式进行重新排版以便于阅读和理解，同时也不用担心该功能会改变代码的实质性内容。

其具体的操作步骤如下：

① 打开需要被优化的网页文档。

② 在文档窗口中依次选择“Commands ”（命令集）菜单→“Apply Source Formatting”（应用源代码格式化），如图 7-1-1 所示。

图 7-1-1     HTML 源代码格式化整理

 

通过执行这个菜单操作，可以使 HTML 的源代码格式更加有层次感，更加清晰易读。

2．优化网页文档

通过使用 Dreamweaver 4 中提供的 Clean Up HTML（优化 HTML）命令，可以从网页文档中去掉空标记嵌套的 font 标记等，这样就可以减少网页的代码量。

其具体的操作步骤如下：

① 打开需要被优化的网页文档。

② 在文档窗口中依次选择“Commands ”（命令集）菜单，然后选择“Clean Up HTML”（优化 HTML）命令。

③ 随后，系统会跳出如图 7-1-2 所示的对话框，提醒用户对优化的方式进行选择。

图 7-1-2    优化方式选择对话框

 

④ 在 Remove 区域，系统让用户指定需要删除的内容。

（a） Empty Tags（空标记）：如果选择该复选框，则系统会自动删除文档中没有包含任何内容的空标记。

（b） Dreamweaver HTML Comments（Dreamweaver HTML 注释）：如果选择该复选框，系统就会从文档中删除所有由 Dreamweaver 4 产生的注释。在上传之前，最后删除一切注释来提高下载速度，但是如果删除了 Dreamweaver 的注释，Dreamweaver 的一些功能会消失，比如自动更新模板、库条目、页面成图等。

（c） Specific Tag(s)（特定标记）：如果选择该复选框，系统就可以从文档中删除特定的标记。我们利用该特性，可以从文档中删除那些由其他可视化编辑器生成的标记、自定义标记或者那些不希望被放置到站点上的标记。

⑤ 在 Option（选项）区域里面，允许设置优化过程中的其他一些选项。

 Combine Nested<font>Tags When Possible（尽可能融合嵌套的<font>标记）：选中该复选框， 系统就会对网页文档中所嵌套的 font 标记进行重新组合。

 Show Log on Completion（完成后显示提示）：选中该复选框，系统则在优化操作完毕后显示相关的提示信息。

⑥ 当这些都设置完毕之后，点击 OK 按钮，这样就可以对当前打开的文档进行优化了。