91精品在线一区,国产精品高精视频免费,国产在线一区二区三区欧美

主頁 > 知識庫 > 30個提高Web程序執行效率的好經驗分享

30個提高Web程序執行效率的好經驗分享

盡量避免使用DOM。當需要反復使用DOM時，先把對DOM的引用存到JavaScript本地變量里再使用。使用設置innerHTML的方法來替換document.createElement/appendChild()方法。
eval()有問題，new Fuction()構造函數也是，盡量避免使用它們。
拒絕使用with語句。它會導致當你引用這個變量時去額外的搜索這樣的一個命名空間，with里的代碼在編譯時期是完全未知的。
使用for()循環替代for…in循環。因為for…in循環在開始循環之前需要Script引擎創建一個含有所有可循環屬性的 List，需要多檢查一次。
把try-catch語句放在循環外面，不要放在循環里面，因為異常是很少發生的，放在外面避免每次都要執行它們。
甚至圣經里都提到過這個 – 不要全局的。全局變量的生命周期貫穿整個腳本的生命周期，而本地變量的存在范圍隨著本地命名空間的銷毀而消失。當在函數或其它地方引用一個全局變量時，腳本引擎需要搜索整個全局命名空間。
fullName += 'John'; fullName += 'Holdings';執行速度快于fullName += 'John' + 'Holdings';
如果你需要把多個字符串連接起來，最好是把他們做成一個數組，然后調用join()方法實現這個操作。這種方式在生成HTML片段時尤其有效。
對于簡單的任務，最好使用基本操作方式來實現，而不是使用函數調用實現。例如val1 val2 ? val1 : val2;執行速度快于Math.min(val1, val2);，類似的，myArr.push(newEle);慢于myArr[myArr.length] = newEle;
將函數的引用作為參數傳遞到setTimeout()和setInterval()里優于將函數名作為字符串參數傳遞（硬編碼）。例如，setTimeout(“someFunc()”, 1000)執行效率慢于setTimeout(someFunc, 1000)
當進行遍歷操作時避免使用DOM操作。通過像getElementsByTagName()這種方法得到的DOM元素隊列都是動態的；有可能在你還沒有對它遍歷完成時，它已經被改變。這有可能導致死循環。
當你對對象的成員（屬性或方法）進行反復操作時，先存儲對它們的引用。例如var getTags = document.getElementsByTagName; getTags(‘div');
在任何的代碼段里，在局部變量范圍外存放一個這個局部變量的引用。例如
function foo(arr) {
var a = ‘something';

//變量 ‘a' 對于下面的一段就是范圍外變量,這個變量的引用在很多情況下會有用處。
for (var i = 0, j = a, loopLen = arr.length; i loopLen; i++) {
//do something
}
}
for(var i=0; i someArray.length; i++) {…}的執行效率慢于for (var i=0, loopLen=someArray.length; iloopLen; i++) {…}。
在HTTP頭信息里加入緩存控制過期和最大存活時間標記。
優化CSS。要使用link>方式，而不要使用@import方式。請參考這個優秀的文檔http://www.slideshare.net/stubbornella/object-oriented-css
使用CSS技術來優化圖片資源
用GZip方式壓縮 .js 和 .css 文件。如果你使用的是Apache，在 .htaccess 里設置壓縮方式，你的HTML, XML 和 JSON 也同時會被壓縮。
AddOutputFilterByType DEFLATE text/html text/css text/plain text/xml application/x-javascript application/json
使用JavaScript壓縮工具。除了使用YUI和JSMin外，你還可以試一試Google Closure http://closure-compiler.appspot.com/home (感謝: James Westgate, 一位讀者)
優化每個頁面上的各種資源，把它們拆分到各個子域上，這么它們就能夠并行下載。請參考http://yuiblog.com/blog/2007/04/11/performance-research-part-4/
將CSS樣式表放在頁面的最頂端，這樣能方便包括IE在內的瀏覽器進行解析。
盡量將DOM結構保持的越簡單越好。DOM的體積會影響相關的操作效率，像查找，遍歷，DOM改動都有影響。document.getElementsByTagName(‘*').length這個值越小越好。
注意你使用的選擇器。例如，如果你想獲取一個ul下的直接子元素，使用jQuery(“ul > li”)而不要使用jQuery(“ul li”)
當切換元素的可見性時(display),請記住：element.css({display:none})的速度快于element.hide() 和 element.addClass(‘myHiddenClass')。除非在一個循環里，我選擇element.addClass(‘myHiddenClass')，這樣會使代碼更簡潔 – 不要使用 inline CSS 和 JavaScript。
當你使用完對DOM的引用變量后，要把它置為NULL。
使用AJAX時，GET的執行效率高于POST。所以要盡量使用 GET 方式。只是要注意一點，IE只允許你用GET傳送2K的數據。
小心使用腳本動畫。沒有硬件的支持，動畫會執行的很慢。盡量避免使用那些沒有實際價值的動畫效果。
如果你的background-image對于這個圖片的容器太小的話，請避免使用background-repeat。如果你的背景圖片需要來回填充很多次才能充滿背景，那么將background-repeat屬性設置成background-image 和repeat-x 或 repeat-y來達到填充背景的效果的做法是不明智的，這種填充方式的效率特別的低。你應該嘗試使用一個足夠大的圖片來做background-image并且使用background-repeat: no-repeat。
布局時不要使用table>。 table>在瀏覽器完全把它畫出來之前需要反復繪制好幾次。因為DOM中table>是很少見的一種之后輸出的會影響之前輸出的顯示效果的元素。對于表格數據來說，你可以使用table-layout:fixed; 這是一種更有效的現實算法，根據CSS 2.1技術說明，這種寫法可以讓表格一行一行的輸出。
盡可能的使用原始JavaScript。限制JavaScript框架的使用。

巨人網絡通訊聲明：本文標題《30個提高Web程序執行效率的好經驗分享》，本文關鍵詞 30個,提高,Web,程序,執行,；如發現本文內容存在版權問題，煩請提供相關信息告之我們，我們將及時溝通與處理。本站內容系統采集于網絡，涉及言論、版權與本站無關。