前端优化总结(2)

发表于:2013-09-10来源:IT博客大学习作者:Miller点击数: 标签:前端优化
随着Javascript框架的流行,越来越多的站点也使用起了框架。不过,一个框架往往包括了很多的功能实现,这些功能并不是每一个页面都需要的,如果下载

  随着Javascript框架的流行,越来越多的站点也使用起了框架。不过,一个框架往往包括了很多的功能实现,这些功能并不是每一个页面都需要的,如果下载了不需要的脚本则算得上是一种资源浪费-既浪费了带宽又浪费了执行花费的时间。目前的做法大概有两种,一种是为那些流量特别大的页面专门定制一个专用的mini版框架,另一种则是Lazy Load。YUI则使用了第二种方式,在YUI的实现中,最初只加载核心模块,其他模块可以等到需要使用的时候才加载。

  5. 将CSS放在HEAD中

  如果将CSS放在其他地方比如BODY中,则浏览器有可能还未下载和解析到CSS就已经开始渲染页面了,这就导致页面由无CSS状态跳转到CSS状态,用户体验比较糟糕。除此之外,有些浏览器会在CSS下载完成后才开始渲染页面,如果CSS放在靠下的位置则会导致浏览器将渲染时间推迟。

  6. 异步请求Callback

  在某些页面中可能存在这样一种需求,需要使用script标签来异步的请求数据。类似:

  Javascript:

  view plaincopy to clipboardprint?

  /*Callback函数*/

  function myCallback(info){

  //do something here

  }

  HTML:

  view plaincopy to clipboardprint?

  

  cb返回的内容:

  view plaincopy to clipboardprint?

  myCallback('Hello world!');

  像以上这种方式直接在页面上写

原文转自:http://blogread.cn/it/article/2184?f=wb