如何維持快速?
bookmark_borderbookmark
透過集合功能整理內容
你可以依據偏好儲存及分類內容。
改善網站速度後,品牌往往會發現網站速度很快就會下滑。這是因為網站成效與健身很相似:一次性的努力是不夠的,你必須改變生活方式。
效能預算就是解決這個問題的方法之一。效能預算是一組上限設定,用來限制可能影響網站效能的特定指標,概念與財務預算類似:先設定限制,然後設法不要超過該限制。一般來說,良好的效能預算會結合不同類型的指標;舉例來說,產品網頁的效能預算可能會是以下形式:
在慢速 3G 網路上顯示 Time To Interactive |
小於 |
5 秒 |
在慢速 3G 網路上顯示首次顯示內容所需時間 |
小於 |
2 秒 |
Lighthouse 效能分數 |
大於 |
80 |
JavaScript 的總大小 |
小於 |
170 KB |
成效預算範例。
設定完成後,系統就會強制執行效能預算,也就是說,您必須將預算納入建構程序和報表。您可以將 Lighthouse 等工具納入持續整合作業,並編寫測試,以便在重點指標低於設定門檻時,導致建構作業失敗。此外,透過資訊主頁或摘要報表定期回報,有助於提升資訊公開度和負責程度。Pinterest 就是其中一個例子,該公司已導入成效預算,確保使用者能持續享有快速的使用體驗;而Experian 等品牌則在每月主管 KPI 報表中,將網站速度列為重要指標。
如要進一步瞭解效能預算,請參閱這篇文章。如要進一步瞭解如何灌輸成效文化,並讓所有利害關係人都能清楚看到速度指標,請參閱這篇文章。
除非另有註明,否則本頁面中的內容是採用創用 CC 姓名標示 4.0 授權,程式碼範例則為阿帕契 2.0 授權。詳情請參閱《Google Developers 網站政策》。Java 是 Oracle 和/或其關聯企業的註冊商標。
上次更新時間:2019-05-01 (世界標準時間)。
[[["容易理解","easyToUnderstand","thumb-up"],["確實解決了我的問題","solvedMyProblem","thumb-up"],["其他","otherUp","thumb-up"]],[["缺少我需要的資訊","missingTheInformationINeed","thumb-down"],["過於複雜/步驟過多","tooComplicatedTooManySteps","thumb-down"],["過時","outOfDate","thumb-down"],["翻譯問題","translationIssue","thumb-down"],["示例/程式碼問題","samplesCodeIssue","thumb-down"],["其他","otherDown","thumb-down"]],["上次更新時間:2019-05-01 (世界標準時間)。"],[],[]]