简单的CSS优化让网页加载更快

本文由seo培训发表于,2009年3月24日

          如今互联网带宽越来越宽，可能就会有朋友感觉这样似乎让网页的加载速度得到了质的飞跃。其实不然，随着带宽的提高，一个网站上的对象也越来越多，如flash、图片、锚文本链接等。因此给网站优化方面速度造成了一个又一个的难题。 下面和大家来分享一个网站设计者的经验，CSS进行网页优化加载速度的小技巧。

         利用CSS叠层样式表让网页加载起来更高效，浏览体验也得到提高。更有利于seo。有了CSS，表格布局的方式可以退休了。下面是我们在写CSS文件时会使用一些比较罗嗦的语句，比如这句：

margin-top: 10px;
margin-right: 20px;
margin-bottom: 10px;
margin-left: 20px;

你可以将它简化为：

margin: 10px 20px 10px 20px;

又或者这句：
<p class="decorated">A paragraph of decorated text</p>
<p class="decorated">Second paragraph</p>
<p class="decorated">Third paragraph</p>
<p class="decorated">Forth paragraph</p>

就可以用div来包含：
<div class="decorated">
<p>A paragraph of decorated text</p>
<p>Second paragraph</p>
<p>Third paragraph</p>
<p>Forth paragraph</p>
</div>

          简化CSS能去除冗余的属性，提高运行效率。如果你写好CSS后懒得去做简化，你可以使用一些在线的简化CSS工具，比如CleanCSS。seo培训只介绍了一种造成网页加载速度变慢的现象，还有很多因素存在。都得靠大家去仔细分析、研究。

Tags: CSS  网站优化  

分类: SEO技术经验 | 评论:0 | 浏览: