搜索共享:浅析六种方法教会你网页代码的优化

搜索共享:浅析六种方法教会你网页代码的优化

2018-04-02 17:50:29

次阅读


随着百度等搜索引擎对网站用户体验度的要求越来越高,网页代码优化也成了各位站长的必修课,好的优化效果将大大减小网页的体积,增加用户体验效。一直想写篇关于网页代码优化的文章,今天终于有时间和大家分享交流一下我的经验。

  优化一:清除页面内的多余空格,由于个人书写习惯的不同,在制作网页的过程中总是会有大量的空格出现,大大提高了网页的体积,一般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%的压缩,是最重要的一种优化效果。