如何維持快速?

克里斯安斯泰 (Chris Anstey)
Chris Anstey
博伊珍 (Bojan Pavic)
Bojan Pavic

加快網站速度的品牌通常能迅速吸收新資訊。這是因為網站效能其實與訓練成效非常類似,只剩一點點時間還不夠,您必須改變自己的生活方式。

效能預算是解決這個問題的其中一種方法。效能預算是一組限制,用來限制影響網站效能的指標。概念與財務預算類似,做法是先設定限制,並確保超出預算。一般來說,良好成效預算結合了不同類型的指標,舉例來說,產品網頁的成效預算看起來可能像這樣:

慢速 3G 網路可互動時間 小於 5 秒
緩慢 3G 網路畫面首次顯示內容所需時間 小於 2 秒
Lighthouse 效能分數 大於 80
JavaScript 總大小 小於 170 KB
效能預算範例。

設定完成後,您必須強制執行效能預算,例如將預算納入建構程序和報表。Lighthouse 等工具可以納入持續整合元件中,且當主要指標降至設定門檻時,您可以編寫導致建構作業失敗的測試。此外,透過資訊主頁或摘要報表定期製作報表,有助於提高瀏覽權限和可靠度。Pinterest 其中一個例子便是藉由實施效能預算來確保快速體驗不會變慢,Experian 等品牌則會在每月高階管理 KPI 報表中將網站速度做為關鍵指標。

如要進一步瞭解效能預算,請參閱這篇文章。如要瞭解如何進一步培養效能文化,並為所有利害關係人提供速度指標,請參閱這份指南