对于网站整体优化,css优化确实必不可少的,可以提高网站的访问速度。站长们都知道,现在网站建设都采取css+div布局页面,很多样式都是外部调用,导致样式class的名称重复。Css有三种调用的方式,避免同样的标签重复写样式,从而达到精简代码的效果。
CSS调用 有3种方式:1、头部调用
头部调用即直接在页面的head和/head之间写css样式,这样是最不明智的,如果内容少则影响不大,否则大大增加页面的体积,还占用了顶部的重要位置。例如:
styletype=text/cssp{ background:#f1f1f1; color:#333; line-height:20px;} /style
2、主体调用
页面主体调用即直接在html标签上面定义css 样式。这种css调用既不能增加css的优势,又大大增加了页面的代码量。比如:
body
p style=font:Arial, helvetica,sans-serif; font-size:9px; line-height:12pt三次元世界/p
/body
3、外部调用:
把CSS样式内容放到外部文件中,使CSS样式和页面分离,这样可以减少页面的代码量,而且还不会占用页面顶部的重要位置,让搜索引擎优先发现页面中相对 重要的内容。这三种方式中,最利于seo优化的是3也就是 引用css文件。
CSS /JS优化方法:
css尽量放在页面头部的外部调用,js使用底部/body前外部调用。还可以合并多个CSS、JS选择器为一个,以及使用一些工具,如YUI Compressor,精简CSS代码以及JS代码,减少文件大小,以获得更高的加载速度。具体实施方法可阅读《JS/CSS代码优化技巧》!