当前位置:图集之家知识

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

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

内容

对于网站整体优化,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代码优化技巧》!

*特别声明:资源收集自网络或用户上传,本网站所提供的电子文本仅供参考,请以正式出版物为准。电子文本仅供个人标准化学习、研究使用,不得复制、发行、汇编、翻译或网络传播等。如有侵权,请联系我们处理。

相关