简介

详细介绍

减肥方法(第一：使用html网页减肥软体 第二：设计减肥法 第三：CSS样式减肥： 第四：JS的减肥)

简介

网页减肥即减小网页的大小，是网页优化的一部分内容，正常情况下一个页面的文件大小在15K左右，最大不超过50K，通过减少一些不必要的代码、去除不必要的空格和换行、将js代码放到外部链接等方法减小网页的大小，提高网页的访问速度更适合爬虫的抓取。

网页的大小直接影响到网页的打开速度，所以网页减肥是seoer不可忽视的一项工作，也有很多网站通过网页减肥做到了很好的排名，比如:邢台家园、绿歌网等。

详细介绍

现在搜索引擎对于用户体验的关注度越来越高，这就要求我们不仅仅要做好自身网站内容的建设，外连的建设，还要包括其他很多方面的处理。直接关系到访客体验的一个重要方面就是网页的打开速度，我们除了可以选择更好的服务器之外，同时也可以对我们网站自身的代码进行优化。

网页减肥也是网页设计中的一个重要工作，同样也是我们seo 优化的一个部分。当我们打开网站的原始程式码，看到里面很多空行，分行符号，无用的table时自己也比较郁闷，这是因为我们使用各种编辑器写出来的HTML为了便于作者查看程式所以都用上了很多的空格和和换行，像FP2000这个软体会产生相当多的空格使你网页的内空变得很大。

当然还有一些可以减肥的内容是人为造成的，比如你在书写代码的时候把多个HTML的属性用到一个对像上，而这些属性里有重复的，也会使你的页面变肥。

减肥方法

第一：使用html网页减肥软体

我们可以使用一些软体来压缩我们的网页，比如：用一些专门对HTML减肥的软体来对HTML页面减肥，这个方法很容易且很有效，但对于比如人为造成的冗余HTML代码就不能减了，只能减掉多余的空格和table。

第二：设计减肥法

设 计减肥，这个是针对于美工或者网页制作的朋友而言的，不同的人，对于网页代码的使用都有自己的喜欢和风格，可能一个最终前台一样的网站，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为尾码的网页外部文件中。 这样也可以减少网页的代码。

随着搜寻引擎对用户体验的越来越关注，让网站快速的展示给访客也成为我们要优化的工作之一，而且我们也知道Google已经将网页的速度列入seo排名的一个因素。 不要轻视网页减肥这项工作，也许它将成为我们战胜竞争对手的一个有利方面。