本文提供即刻提升你的腳本性能的十個(gè)步驟。不用擔(dān)心,這并不是什么高深的技巧。人人皆可運(yùn)用!
這些技巧包括:
使用最新版本
合并、最小化腳本
用for替代each
用id替代class選擇器
給選擇器指定前后文
建立緩存
避免dom操作
避免使用concat(),利用join()處理長字串
返回false值
利用小抄和參考文檔
1. 使用最新版本
jquery一直處于不斷的開發(fā)和改進(jìn)過程中。 john 和他的團(tuán)隊(duì)不斷研究著提升程序性能的新方法。
一點(diǎn)題外話,幾個(gè)月前他還發(fā)布了sizzle,一個(gè)據(jù)說能在firefox中把程序性能提升3倍的js選擇器庫。
如果你不想時(shí)刻關(guān)注是否有新版本,然后再花時(shí)間下載上傳,google 就又能幫你一把了。他們的服務(wù)器上存儲了大量ajax庫供您選擇。
編輯按:另一個(gè)更為簡單快速的方法是直接使用腳本鏈接。如果要使用特定版本的jquery,你可以使用上面的方法;如果想直接使用最新版,下面這句代碼就夠了:
笨活兒:特定版本的還可以這樣加載:
2. 合并、最小化腳本
大部分瀏覽器都不能同時(shí)處理多個(gè)腳本文件,所以它們都是排隊(duì)加載——加載時(shí)間也相應(yīng)地延長了。
考慮到你網(wǎng)站的每個(gè)頁面都會加載這些腳本,你應(yīng)該考慮把它們放到單個(gè)文件中,然后利用壓縮工具(比如 dean edwards 的這款)把它們最小化。更小的文件無疑將帶來更快的加載速度。
javascript和css壓縮的目的是在保持腳本的執(zhí)行性能的同時(shí),減少數(shù)據(jù)傳遞的字節(jié)數(shù)(可以通過減小原始文件,也可以利用gzip。大多數(shù)產(chǎn)品級的網(wǎng)絡(luò)服務(wù)器都把gzip作為http協(xié)議的一部分)。
— 引自 yui compressor,一款 jquery官方推薦的壓縮腳本的工具。
