SEO代码优化举例

2014-07-03
  • 795
  • 0
        1 将CSS置顶
        CSS应该放在页面的顶部,以便浏览器载入页面时知道它的样式。当页面被网页浏览器下载打开时,CSS就像一个导航,呈现构成页面的所有内容。构建和优化良好的CSS可用于定位拼合图像,减少页面的http请求量。
        2把JS代码放在底部
        JS应被放在页面的底部。运用JS的问题是他们不能异步去运行,也就是说,他们不能和其他文件一起被下载。更确切说,当解析标头中的或内联的JS时页面可能会停止载入。通过把JS代码放在底部,在降低页面速度之前,你已经让大多内容展现了。你也可以在你的JS中加上下面这样的“defer”命令:
<script type=”text/javascript” src=http://www.domain.com/script.js defer =”defer”></script>
        标签中的defer属性让浏览器不会呈现任何脚本的可视化代码,直到页面载入的末端,代码才会被处理
        3避免使用CSS表达式
        CSS表达式是动态设置CSS属性的一种方法。这个过程非常耗时,因为每次网页展示,滚动或者调整大小,抑或者用户移动鼠标时,表达式都会被解析。即使网页已经加载完毕,代码被重新解析的需求也会大大降低页面的速度,这样就会直接影响网站的用户体验。移除所有的表达式会整体上提高网页的性能。
        4将JS和CSS独立成外部文件
        JS,css文件封装,这些文件就可以被浏览器缓存,因此就避免每次页面载入发送http请求