回答
通過添加額外資源(如.js文件)加載頁面時,只有輕微的開銷。
有關特定加載過程的詳細信息,請使用Google網站管理員工具獲取推薦。
jQuery本身可以減慢瀏覽器(而不是頁面的加載時間)時使用無小心或在網頁非常擁擠,但我不會擔心在大多數情況下。最近發佈的jquery 1.4進一步提高了性能。
在我的網頁中使用jquery,這將使網頁加載內容緩慢。
取決於情況,但通常沒有。如果你打算使用一些JavaScript/JQuery來增強你的界面,建立一個或兩個淡入淡出效果,有一個查找下拉或一些AJAX調用,不要太擔心。你很可能會很好。
只有當你有巨大的網頁(數以萬計的元素),需要進行多兆的AJAX請求,或有趨於緩慢工作完全JavaScript驅動的用戶界面,然後它的時間來尋找優化。
退房questions on JQuery and performance on SO以獲得關於特定情況下(很多選擇的,$()
和document.getElementById
之間的性能比較,等)的信息
有一兩件事要小心是JQuery的(當然,其他框架)的插件在頁面加載時將操作應用於整個文檔。 SO上的源代碼格式化程序就是一個很好的例子。如果仔細觀察,您會注意到加載頁面時,源代碼未格式化的暫停只有一小部分。格式是使用JavaScript應用的。如果你使用了太多這樣的東西,你的頁面可能會在較老的機器上緩慢渲染。
一般來說,如果你不確定,不僅要在許多瀏覽器上測試你的頁面,而且還要在老的機器上測試你的頁面。
我發現優化jQuery JavaScript源碼Google Closure Compiler對JavaScript的加載時間和整體響應時間都有明顯的影響。這非常令人印象深刻。
使用Google Ajax libs hosted version,當某人進入您的頁面時,它可能會被緩存。
在23KB縮小和gzip壓縮後,它不會在頁面的速度負載(特別是一旦它被緩存在瀏覽器中)中產生顯着差異。它也不會在你的頁面的交互性方面產生顯着的差異。
您將節省大量時間,無需調試跨瀏覽器兼容性問題。
是的jQuery或任何其他文件加載到您的頁面添加開銷。
對於我來說,基於jQuery努力的開銷是「0」。
嘗試使用沒有jQuery的編程來查看我的觀點。
jQuery有我的總統投票!
- 1. jQuery的動畫在WebKit瀏覽器慢
- 2. 谷歌瀏覽器jQuery動畫緩慢
- 3. jQuery Loop減慢你的瀏覽器
- 4. Java Web瀏覽器緩慢
- 5. 可以添加jQuery監聽器減慢瀏覽器性能?
- 6. 瀏覽器和jquery
- 7. Jquery Web瀏覽器?
- 8. urllib比瀏覽器更慢訪問html
- 9. 爲什麼PhoneGap比瀏覽器慢?
- 10. Chrome瀏覽器調整緩慢?
- 11. 很慢捲曲相比,瀏覽器
- 12. 攔截瀏覽器慢腳本消息
- 13. 自定義Web瀏覽器太慢
- 14. Java paint()在瀏覽器中較慢?
- 15. HttpWebRequest(200ms)比瀏覽器(50ms)慢4倍
- 16. WebKit瀏覽器緩慢更新畫布
- 17. 阿賈克斯上傳DOM變慢,直到瀏覽器崩潰
- 18. 爲什麼webGl在瀏覽器中變慢?
- 19. IE瀏覽器在updatepanel部分更新後變慢
- 20. 對IE瀏覽器的滾動延遲效果變慢11
- 21. 爲什麼瀏覽器變得很慢,大量DOM元素
- 22. 在Chrome瀏覽器中有大量元素的PickList變慢了
- 23. jquery在IE瀏覽器中速度很慢
- 24. jQuery的。Safari在瀏覽器上的速度慢於Chrome/Firefox
- 25. jquery scroller在IE瀏覽器中簡單滾動慢
- 26. 谷歌瀏覽器中的jquery hide()和show()運行太慢
- 27. $ .post jQuery更快或更慢取決於瀏覽器?
- 28. 緩慢的瀏覽器緩存與jQuery /阿賈克斯調用
- 29. 谷歌瀏覽器中的jquery動畫很慢
- 30. jquery mobile需要什麼瀏覽器?我可以使用phonegap嗎?
很多年前,頁面加載主要是基於數據大小。今天,它通常是一個異步的多階段過程,不僅受數據大小的影響。 JavaScript數據的大小影響頁面加載,但與運行時性能無直接關係。即使使用一個小的JS代碼/框架,您也可以執行過多的DOM操作/玩事件等,這可能會對性能產生重大影響。 – StanE 2017-01-29 17:24:47