前端優化總結(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