seo代码优化之CSS优化、JS优化

[ SEO优化   // 2014-08-27  ]
85

 对于网站整体优化,css优化确实必不可少的,可以提高网站的访问速度。站长们都知道,现在网站建设都采取css+div布局页面,很多样式都是外部调用,导致样式class的名称重复。Css有三种调用的方式,避免同样的标签重复写样式,从而达到精简代码的效果。

CSS调用 有3种方式

1、头部调用

头部调用即直接在页面的<head>和</head>之间写css样式,这样是最不明智的,如果内容少则影响不大,否则大大增加页面的体积,还占用了顶部的重要位置。例如:

<styletype="text/css">p{ 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代码优化技巧》!