2010-02-09 36 views

回答

10

檢查與FirebugYSlow您的網頁,看看那裏的瓶頸實際上是。

一般來說,JS會讓你的頁面加載速度變慢。但是,在現代機器上,並且與現代互聯網連接速度相比,這種延遲並不明顯。但是,過度使用JS可能會使您的頁面運行速度變慢。

0

通過添加額外資源(如.js文件)加載頁面時,只有輕微的開銷。

有關特定加載過程的詳細信息,請使用Google網站管理員工具獲取推薦。

jQuery本身可以減慢瀏覽器(而不是頁面的加載時間)時使用無小心或在網頁非常擁擠,但我不會擔心在大多數情況下。最近發佈的jquery 1.4進一步提高了性能。

4

在我的網頁中使用jquery,這將使網頁加載內容緩慢。

取決於情況,但通常沒有。如果你打算使用一些JavaScript/JQuery來增強你的界面,建立一個或兩個淡入淡出效果,有一個查找下拉或一些AJAX調用,不要太擔心。你很可能會很好。

只有當你有巨大的網頁(數以萬計的元素),需要進行多兆的AJAX請求,或有趨於緩慢工作完全JavaScript驅動的用戶界面,然後它的時間來尋找優化。

退房questions on JQuery and performance on SO以獲得關於特定情況下(很多選擇的,$()document.getElementById之間的性能比較,等)的信息

有一兩件事要小心是JQuery的(當然,其他框架)的插件在頁面加載時將操作應用於整個文檔。 SO上的源代碼格式化程序就是一個很好的例子。如果仔細觀察,您會注意到加載頁面時,源代碼未格式化的暫停只有一小部分。格式是使用JavaScript應用的。如果你使用了太多這樣的東西,你的頁面可能會在較老的機器上緩慢渲染。

一般來說,如果你不確定,不僅要在許多瀏覽器上測試你的頁面,而且還要在老的機器上測試你的頁面。

1

我發現優化jQuery JavaScript源碼Google Closure Compiler對JavaScript的加載時間和整體響應時間都有明顯的影響。這非常令人印象深刻。

0

在23KB縮小和gzip壓縮後,它不會在頁面的速度負載(特別是一旦它被緩存在瀏覽器中)中產生顯着差異。它也不會在你的頁面的交互性方面產生顯着的差異。

您將節省大量時間,無需調試跨瀏覽器兼容性問題。

+0

很多年前,頁面加載主要是基於數據大小。今天,它通常是一個異步的多階段過程,不僅受數據大小的影響。 JavaScript數據的大小影響頁面加載,但與運行時性能無直接關係。即使使用一個小的JS代碼/框架,您也可以執行過多的DOM操作/玩事件等,這可能會對性能產生重大影響。 – StanE 2017-01-29 17:24:47

0

是的jQuery或任何其他文件加載到您的頁面添加開銷。

對於我來說,基於jQuery努力的開銷是「0」。

嘗試使用沒有jQuery的編程來查看我的觀點。

jQuery有我的總統投票!