随着百度等搜索引擎对网站用户体验度的要求越来越高，网页代码优化也成了各位站长的必修课，好的优化效果将大大减小网页的体积，增加用户体验效。一直想写篇关于网页代码优化的文章，今天终于有时间和大家分享交流一下我的经验。
优化一：清除页面内的多余空格，由于个人书写习惯的不同，在制作网页的过程中总是会有大量的空格出现，大大提高了网页的体积，一般100KB大小的网页，空格所占的空间大概在15KB左右，也就是说去除空格我们可以将网页体积缩小15%，这对于网页的打开速度无疑是大有裨益的。
优化二：使用DIV+CSS布局网页。现在依然有很多站长在制作网站的时候采用table的布局方式，可能考虑到网页的兼容性和布局的简易性。但table布局的弊端却是显而易见的。Table布局将大大增加网页的体积，尤其是多层表格的嵌套。当搜索引擎读取页面时，很可能因为网页的嵌套层数太多而放弃对网页的抓取。所以，采用代码更加简练的div+css布局方式，效果更显著。
优化三：减少网页对javascript的依赖。Javascript对搜索引擎是很不友好的。网页中大量的javascript将影响蜘蛛对页面的抓取和增加网页体积。尤其是导航栏的制作过程中，尽量采用DIV+CSS的设计方法。
优化四：尽量不要使用内嵌式CSS。内嵌式CSS分为在head区域的普通内嵌式和在标签内出现的行内内嵌式css，不管是哪一种都会增大页面的体积。尽量使用外调式的CSS以减小网页体积。
优化五：将html控制方式转换为CSS控制。很多站长习惯在标签内对内容进行控制。比如img标签里通过width和height来控制图片的大小。尽量将这些代码转换成外调式的CSS，使网页代码更简练。
优化六：对网页进行GZIP压缩 。这个功能需要服务器控件的支持。GZIP压缩一般能对网页进行30%-80%的压缩，是最重要的一种优化效果。
以上六点是我在优化南昌电脑培训网时的一点心得，大家可以采用各种方法去试验下，我的网站原来体积在70KB左右优化后的体积为10KB左右，成效显著。
评论