你的位置: 奇芳阁 SEO优化 阅读文章     

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

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

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

打赏

取消

请考虑对本站进行小额捐赠打赏:!

扫码支持
扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

各位请注意,目前发现 0 位寻荒者 在附近海域漂移!

报歉!评论已关闭.