網頁效能的“為什麼”

網站效能及其相關的最佳實踐對於網站訪客獲得良好的體驗至關重要。從某種意義上說，網站效能可以被視為Web 可訪問性的一個子集。在效能和可訪問性方面，您需要考慮網站訪客使用什麼裝置訪問網站，以及裝置的連線速度。

例如，考慮 CNN.com 的載入體驗，在撰寫本文時，該網站有超過 400 個 HTTP 請求，檔案大小超過 22.6 MB。

• 想象一下，在連線到光纖網路的臺式電腦上載入這個網站。這將顯得相對快，檔案大小在很大程度上無關緊要。
• 想象一下，在乘坐公共交通工具回家時，使用九年前的 iPad 上的移動資料載入同一個網站。同一個網站載入速度會很慢，甚至可能無法使用，具體取決於手機訊號覆蓋範圍。您可能會在它完成載入之前放棄。
• 想象一下，在印度農村地區使用一臺價值 35 美元的華為手機，訊號覆蓋範圍有限或沒有覆蓋，載入同一個網站。網站載入速度會非常慢，如果能載入的話，阻塞指令碼可能會超時，並且不利的影響 CPU 效能會導致瀏覽器崩潰，即使它確實載入了。

一個 22.6 MB 的網站在 3G 網路上可能需要長達 83 秒才能載入，其中DOMContentLoaded（即網站的基本 HTML 結構）在 31.86 秒內完成。

下載所花費的時間並不是主要問題。許多國家仍然使用按兆位元組計費的網際網路連線。我們示例中 22.6 MB 的 CNN.com 體驗的下載成本約為印度人平均日工資的 11%。從西北非洲的移動裝置下載，可能要花費兩天平均工資。如果這個網站是在美國運營商的國際漫遊計劃中載入的？這些費用會讓任何人哭泣。（參見網站下載成本。）

減少網站的下載和渲染時間可以提高轉化率和使用者留存率。

轉化率是指網站訪客執行某個衡量或期望行動的比率。例如，這可能是進行購買、閱讀文章或訂閱時事通訊。作為轉化率衡量的行動取決於網站的業務目標。

效能會影響轉化率；提高網站效能會提高轉化率。網站訪客希望網站在兩秒或更短時間內載入；有時在移動裝置上甚至更短（因為在移動裝置上通常需要更長時間）。這些相同的網站訪客在三秒後就開始放棄速度慢的網站。

網站載入速度是一個因素。如果網站對使用者互動的響應速度很慢，或者看起來很卡頓，這會導致網站訪客失去興趣和信任。

以下是一些關於效能改進的實際例子

• Tokopedia 將 3G 連線的渲染時間從 14 秒減少到 2 秒，並觀察到訪客人數增加了 19%，總會話數增加了 35%，新使用者增加了 7%，活躍使用者增加了 17%，每個使用者的會話數增加了 16%。
• 重建 Pinterest 頁面以提高效能，導致等待時間減少了 40%，SEO 流量增加了 15%，註冊轉化率增加了 15%。

為了構建人們想要使用的網站和應用程式，為了吸引和留住網站訪客，您需要建立一個可訪問的網站，提供良好的使用者體驗。構建網站需要 HTML、CSS 和 JavaScript，通常還包括影像和影片等二進位制檔案型別。您在構建網站時所做的決定和選擇的工具會極大地影響最終作品的效能。

良好的效能是一項資產。糟糕的效能是一個負債。網站速度直接影響跳出率、轉化率、收入、使用者滿意度和搜尋引擎排名。效能良好的網站已被證明可以提高訪客留存率和使用者滿意度。速度慢的內容已被證明會導致網站放棄，一些訪客離開後永遠不會再回來。減少客戶端和伺服器之間傳遞的資料量可以降低所有參與方的成本。減少 HTML/CSS/JavaScript 和媒體檔案的大小既可以減少載入時間，也可以降低網站的功耗（參見效能預算）。

跟蹤效能非常重要。包括網路速度和裝置功能在內的多個因素會影響效能。沒有單一的效能指標；不同的業務目標可能意味著不同的指標與網站或支援該網站的組織的目標更加相關。使用者體驗就是如何感知網站的效能！

網站效能對於可訪問性以及其他網站指標（這些指標服務於組織或企業的目標）都至關重要。網站效能的優劣與使用者體驗以及大多數網站的整體有效性密切相關。這就是您應該關注網站效能的原因。

• 概述：網頁效能
• 下一步