1. 首頁 > 生活百科 > >

如何優化jQuery性能？優化方法匯總( 二 )

小知識it知識


20、標準化你的jQuery代碼
經常標準化你的代碼，看看哪個查詢比較慢，然后替換它 。 你可以用Firebug控制臺 。 你也可以使用 jQuery的快捷函數來使測試變得更容易些
五、其他常用jQuery性能優化建議
21、使用最新版本的jQuery
最新的版本往往是最好的 。 更換了版本后，不要忘記測試你的代碼 。 有時候也不是完全向后兼容的 。
22、使用HMTL5
新的HTML5標準帶來的是更輕巧的DOM結構 。 更輕巧的結構意味著使用jQuery需要更少的遍歷，以及更優良的載入性能 。 所以如果可能的話請使用HTML5 。
23、如果給15個以上的元素加樣式時，直接給DOM元素添加style標簽
要給少數的元素加樣式，最好的方法就是使用jQuey的css()函數 。 然而更15個以上的較多的元素添加樣式時，直接給DOM添加style 標簽更有效些 。 這個方法可以避免在代碼中使用硬編碼(hard code) 。
24、避免載入多余的代碼
將Javascript代碼放在不同的文件中是個好的方法，僅在需要的時候載入它們 。 這樣你不會載入不必要的代碼和選擇器 。 也便于管理代碼 。
25、壓縮成一個主JS文件，將下載次數保持到最少
當你已經確定了哪些文件是應該被載入的，那么將它們打包成一個文件 。 用一些開源的工具可以自動幫你完成，如使用 Minify (和你的后端代碼集成)或者使用JSCompressor ， YUI Compressor 或 Dean Edwards JS packer 等在線工具可以為你壓縮文件 。 我最喜歡的是 JSCompressor 。
26、需要的時候使用原生的Javasript
使用jQuery是個很棒的事情，但是不要忘了它也是Javascript的一個框架 。 所以你可以在jQuery代碼有必要的時候也使用原生的Javascript函數，這樣能獲得更好的性能 。
27、從Google載入jQuery框架
當你的應用正式上線的時候，請從Google CDN載入jQuery，因為用戶可以從最近的地方獲取代碼 。 這樣你可以減少服務器請求，而用戶如果瀏覽其他網站，而它也使用Google CDN的jQuery時，瀏覽器就會立即從緩存中調出jQuery代碼 。
28、緩慢載入內容不僅能提高載入速度，也能提高SEO優化，使用Ajax來載入你的網站吧，這樣可以節約服務器端載入時間 。 你可以從一個常見的側邊欄widget開始 。
【推薦學習：jQuery視頻、web前端開發】
以上就是如何優化jQuery性能？優化方法匯總的詳細內容，更多請關注電腦自學網其它相關文章！

推薦閱讀