前端优化总结(2)

　　随着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