人工服务 离线下载

六种方法教会你HTML代码的优化

优化一:清除页面内的多余空格,由于个人书写习惯的不同,在制作网页的过程中总是会有大量的空格出现,大大提高了网页的体积,一般100KB大小的网页,空格所占的空间大概在15KB左右,也就是说去除空格我们可以将网页体积缩小15%,这对于网页的打开速度无疑是大有裨益的。

优化二:使用DIV+CSS布局网页。现在依然有很多站长在制作网站的时候采用table的布局方式,可能考虑到网页的兼容性和布局的简易性。但table布局的弊端却是显而易见的。Table布局将大大增加网页的体积,尤其是多层表格的嵌套。当搜索引擎读取页面时,很可能因为网页的嵌套层数太多而放弃对网页的抓取。所以,采用代码更加简练的div+css布局方式,效果更显著。

优化三:减少网页对javascript的依赖。Javascript对搜索引擎是很不友好的。网页中大量的javascript将影响蜘蛛对页面的抓取和增加网页体积。尤其是导航栏的制作过程中,尽量采用DIV+CSS的设计方法。

优化四:尽量不要使用内嵌式CSS。内嵌式CSS分为在head区域的普通内嵌式和在标签内出现的行内内嵌式css,不管是哪一种都会增大页面的体积。尽量使用外调式的CSS以减小网页体积。

优化五:将html控制方式转换为CSS控制。很多站长习惯在标签内对内容进行控制。比如img标签里通过widthheight来控制图片的大小。尽量将这些代码转换成外调式的CSS,使网页代码更简练。

优化六:对网页进行GZIP压缩 。这个功能需要服务器控件的支持。GZIP压缩一般能对网页进行30%-80%的压缩,是最重要的一种优化效果。