如果你的網站沒有JavaScript，那么網站打開速度會

2021-03-14 分類：網站建設

我們有很多理由需要好好考慮一下JavaScript存在的意義（它做了什么，怎么做的以及它有多重要）。

網站打開速度

如今，超過一半的網絡流量來自移動設備，但這些設備的許多操作都是在極其不穩定的網絡連接下進行的，例如，你想要在10秒內單獨加載完畢腳本文件幾乎是不可能的。

如果您正在使用單頁應用，因為沒有合理的內容反饋，這可能比您想象的要大得多 - 用戶將長時間只能看到部分內容的白屏。

毫無疑問，性能很重要。但JavaScript對我們的網站有什么常見的負面影響呢？我們目前又應該如何評估性能呢？

讓我們簡單(但是有建設性)地了解一下JavaScript的性能花銷

我們在評估JavaScript的性能影響時，通常會關注以下幾點：

但是我們經常忽略的是腳本加載之后發生的事情......

一旦設備下載了腳本，就必須對其進行解析，轉換為字節碼，編譯并執行。

正是因為不同的設備解析和編譯所消耗的時間長短各有不同，導致了當你在3000美元的MacBook和使用兩年的智能機上訪問同一個網站時速度會有天壤之別。

網站打開速度

上述圖形比較了常規桌面瀏覽器與低端移動設備上的Chrome解析/編譯時間。這張圖片引用自Addy Osmani的優秀文章“JavaScript Start-up Performance”。

Calibre這個工具旨在幫助團隊更好地了解性能和用戶體驗領域，您可以直接將您的站點分別在有無JS文件的環境下進行比較，作為Test Profile

（測試配置文件）。

網站打開速度

現在您進行有無使用JavaScript兩種情況的測試

測試的結果相當驚人。下面是衛報網站（The Guardian）的測試結果：

The Guardian website, with and without JavaScript

左圖：無JS，3G連接，iPhone 6 - 所有內容在不到5秒內完全可見。右圖：3G連接，iPhone 6 - 所有內容約10秒鐘完全可見，onLoad事件在大約第20秒時被調用。

很明顯，傳輸的數據并不全是JS腳本，還包括額外的內容，圖標，甚至一些樣式 - 但情況是清楚的：這些內容不是必須的，并且它們破壞了這個頁面的性能。

如果您是Calibre用戶，并且您有興趣對腳本和腳本進行監控，那么您只需檢查“禁用JavaScript執行”復選框。（您的站點→設置→測試配置文件）。

如果您還沒有使用Calibre，那么今天可以開始一個免費的14天試用機會。

如果這篇文章讓您的開發團隊爭論沒有Javascript的情況下網絡是否有存在的意義，我對此深表歉意。

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源：創新互聯

猜你還喜歡下面的內容