你的位置:首页 > 网页设计

[网页设计]低信噪比的HTML5优化 http://levi.cg.am/archives/3546

  百度搜索引擎建议是我们的HTML文件最好不要超过128KB,其实现在对于那些大文件搜索引擎也是很容易就抓取到的,只不过我们是尽量在可能的情况下把我们的网页代码越精简越好,我们要知道搜索引擎抓取网页的时候可能不去索引整个的文件,索引的仅是前面一部分的信息,如果网页代码冗余过大,那么就容易把我们网页文章部分推后了,对于搜索引擎抓取网页是不利的,因此我们要对网页代码精简化。

1.如何加快HTML页面加载速度?

  • 页面精简:去掉html页面不必要的空格、注释,尽量将script和css写在外部文件中。
  • 可以借用第三方工具对页面进行加速。
  • 减少文件数量减少页面上引用的文件数量可以减少HTTP连接数(src="")
  • 许多JavaScript、CSS文件可以合并最好合并了
  • 减少外部域名文件的引用
  • 优化页面元素加载顺序.例如:首先加载页面最初显示的内容和与之相关的JavaScript和CSS,不需要的图片文件放到后面加载,或者引用延迟加载的js
  • 减少页面中inline(嵌套)和JavaScript的数量
  • 不要在table标签中嵌套table标签,不过现在基本上都用div+css了,HTML5也出来了
  • 检查页面是否有js错误,或者空引用(检查页面有没有502错误),有没有js文件的重复加载

2.为何要保持标签整洁?

  客户端的优化近来倍受关注,可是有些较基本的方面却被忽视。如果你仔细观察某些页面(即便是那些本来应该深度优化的页面),很容易就能在他们的标签中找到一大堆冗余的、不高效的结构。所有这些累赘给本来应该尽可能保持轻量级的页面增加了不必要的负担。来看看有哪些最容易犯的错误:

1.在script标签内放html注释

当今一个最严重的冗余代码是在script标签内放置HTML注释——<!-- -->,这里不需要说得太多,一句话足够:需要通过这种方式来阻止错误的浏览器(例如‘95 Netscape 1.0)几乎灭绝了,脚本内的注释是完全不必要的累赘,应该被毫不留情地删除掉。

2.<![CDATA[ … ]>

另外一种常见但是不必要的阻止错误的方式是将CDATA块放到script标签内:

<script type="text/javascript">
    //<![CDATA[
      ...
    //]]>
</script>

这个神圣的目标不切实际。尽管CDATA块是一个阻止<和&当成标签的开头的一个很好的方式,但是只有在真正的XHTML文档(被当成“application/xhtml+

除非你已经把文档当成"application/xhtml+来处理,否则几乎没有任何理由把CDATA块放在里面,即便你打算以后使用XHTML,也有必要先把这些不必要的东西去除,等到真正需要的时候再加进来。

当然,一个终极的解决方案是完全避免使用内联的script标签(为了利用外部script的缓存机制)。

 

 

 

 

 http://levi.cg.am/archives/3546       js滑动事件

 

 http://www.cnblogs.com/leejersey/p/3510173.html

 

 http://jingyan.baidu.com/article/d8072ac45ef263ec95cefd15.html

 

http://www.2cto.com/kf/201301/182105.html

 

http://www.2cto.com/kf/201301/182105.html