现在搜索引擎对于用户体验的关注度越来越高,这就要求我们不仅仅要做好自身网站内容的建设,外链的建设,还要包括其他很多方面的处理。直接关系到访客体验的一个重要方面就是网页的打开速度,我们除了可以选择更好的服务器之外,同时也可以对我们网站自身的代码进行优化。
网页减肥也是网页设计中的一个重要工作,同样也是我们seo优化的一个部分。当我们打开网站的源代码,看到里面很多空行,换行符,无用的table时自己也比较郁闷,这是因为我们使用各种编辑器写出来的HTML为了便于作者查看程序所以都用上了很多的空格和和换行,像FP2000这个软件会产生相当多的空格使你网页的内空变得很大。
当然还有一些可以减肥的内容是人为造成的,比如你在书写代码的时候把多个HTML的属性用到一个对像上,而这些属性里有重复的,也会使你的页面变肥。要解决这个问题,其实可以很容易:
第一:使用html网页减肥软件
我们可以使用一些软件来压缩我们的网页,比如:用一些专门对HTML减肥的软件来对HTML页面减肥,这个方法很容易且很有效,但对于比如人为造成的冗余HTML代码就不能减了,只能减掉多余的空格和tab。
第二:设计减肥法
设计减肥,这个是针对于美工或者网页制作的朋友而言的,不同的人,对于网页代码的使用都有自己的喜欢和风格,可能一个最终前台一样的网站,2个人写出来的代码多少,css或者网页文件的大小都是不同的,那这就是说设计网页时,特别是用一个软件来设计网页时你要用一种良好的操作习惯和正确的方法。
比如:当你有文字或图片在表格里时需要居中,那么使用单元格居中就会比使用文字居中产生的代码少;如果你页面里大多数的链接都要在新窗口打开,那么你把该页面的默认打开方式设为新窗口,这样又会减少很多的打开新窗口的定义。
第三:CSS样式减肥:
网页制作应通过CSS来统一定制字体风格,以使代码标准化,避免大量的字体和格式化标签如< font
size=xx></font> <color=xx>
<style type="text/css">
<!--
h2 { font-family: " 宋体"; font-size: 12pt; color: #333366;
background-color: #FFCCCC; font-weight: bold }
h1 { font-family: "Arial"; font-size: 12pt; color: #993300 } -->
</style>
通过以上设置,就把文字的字体、字号、颜色、背景色等统一起来,不用对每段文字单独进行格式定义,从而减少大量重复性标签.
另外我们在对css减肥的时候,应该尽可能的将css代码放到网页外部文件中,利用<link rel="Stylesheet" type="text/css" href="./css/styles.css" />的形式去调用,也是一种网页减肥的办法。
第四:JS的减肥
对于使用了JavaScript技术的网页来说,一般一开始就有大量的JavaScript代码,js的优化有两个方面值得注意。
1. 将js脚本内容放到页面的最后
把大部分、甚至全部的JavaScript代码放置在页面的尾部。这样不但不会影响到JavaScript代码的作用,而且
可以不影响搜索引擎蜘蛛用最快的时间抓取到实际的内容;
2.把js代码移植到以.js为后缀的网页外部文件中。这样也可以减少网页的代码。
随着搜索引擎对用户体验的越来越关注,让网站快速的展示给访客也成为我们要优化的工作之一,而且我们也知道谷歌已经将网页的速度列入seo排名的一个因素。不要轻视网页减肥这项工作,也许它将成为我们战胜竞争对手的一个有利方面。
本文由阿尔丁seo培训机构 王少伟 编写,http://bbs.aerding.org 转载请保留出处