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