西安网站建设

网站html代码优化技巧

浏览次数：852　时间：2011-02-14 13:30:23

你的网站是不是太慢了？（如果还不知道，点击测试）考虑一下下面的问题，看看是否能够提高你的网站速度：
 
清理不重要的东西

这听起来让人感觉到迷惑，不要急，请你再一次看一下你的网站：你的网站真的需要背景音乐吗？那些大的动态图片真的是那么酷吗？你真的需要那些没有价值的JAVA代码生成的时钟吗？......记住：所有这些都需要占用打开你的网页的时间和带宽！不要忘记最重要的事情：人们浏览你的网站只是想得到一些信息-仅仅他们需要的那部分信息。

避免嵌入表格

不要表格套表格-浏览器需要很长时间来分析这些表格。

尽可能的用CSS

用一个链接代替表格类型，这些表格是基于如何描述你的网站源代码元素，将会使你的网站变得轻盈，进而载入的很快。例如，下面这些代码：
<div align="right"><font face="Arial, Verdana, Sans Serif" color="#008000" size="3"><b>www.qzun.com</b></font></div>
你可以用下面的替换：
<div class="style1">www.qzun.com</div>
 看出有什么不同了吗？互联网上有很多这样的资源，值得你花点精力来学习！
 
优化你的图像

多数网站中图像是影响网站打开的一部分。尽可能的减少一些图片，去除那些流行的动态图片或者用静态图片来替换它们。
通过设置图片的标签属性来定义图片的宽度和高度。这样，浏览器就会知道这是一张图片，就会边载入这张图片边打开其它页。否则，浏览器就会一直载完这张图片后才能读取其它页。
考虑用小的按钮来替代那些大图片做成的按钮。
减少图片的体积- 网上有好多免费的工具，如：GIFCruncher for GIFs 和 JPEG Wizard for JPEGs
用GIF来替换JPEG格式图片。JPEG格式比较适合照片类，对于网站GIF通常是更好的选择。

清理你的代码

很多 WYSIWYG HTML editors 编辑器会留下许多无用的注释代码(例如 <font> </font>) ，清理掉它们，尝试用一些简单的文本编辑器。

清理空格

你的代码标记之间常常会有一些空格，这些字符会增加你的网页的体积，用免费的 HTML Optimizer 我们可以很容易的清理掉它们。