9. 推遲到 $(window).load
jquery對于開發(fā)者來說有一個很誘人的東西, 可以把任何東西掛到$(document).ready下冒充事件. 在大多數(shù)例子中你都會發(fā)現(xiàn)這樣的情況.
盡管$(document).rady 確實(shí)很有用, 它可以在頁面渲染時,其它元素還沒下載完成就執(zhí)行. 如果你發(fā)現(xiàn)你的頁面一直是載入中的狀態(tài), 很有可能就是$(document).ready函數(shù)引起的.
你可以通過將jquery函數(shù)綁定到$(window).load 事件的方法來減少頁面載入時的cpu使用率. 它會在所有的html(包括<iframe>)被下載完成后執(zhí)行. $(window).load(function(){ // 頁面完全載入后才初始化的jQuery函數(shù). });
多余的功能例如拖放, 視覺特效和動畫, 預(yù)載入隱藏圖像,等等. 都是適合這種技術(shù)的場合. 10. 壓縮js
推薦一個js在線壓縮地址: http://dean.edwards.name/packer/ 11. 全面掌握jquery庫
知己知彼, 百戰(zhàn)百勝. 只有更深入的了解jQuery才能更靈活的使用它. 這里提供一個jQuery的速查手冊, 可以打印出來隨身攜帶. 要是有能力將jQuery源碼通讀一遍那就更好了.
原文來自:jQuery Performance Rules ; 譯文來自:Rlog.cn . 若轉(zhuǎn)載請注明出處, 謝謝
本文鏈接:http://www.95time.cn/tech/web/2009/6737.asp
出處:Time Machine
責(zé)任編輯:moby
上一頁 jQuery性能優(yōu)化指南 [5] 下一頁
◎進(jìn)入論壇網(wǎng)頁制作、WEB標(biāo)準(zhǔn)化版塊參加討論,我還想發(fā)表評論。
|