Optimize website speed
每當您着手提高站點的負載性能時,請始終從 audit 開始。 審計有兩個重要功能:
它為您建立了一個基線來衡量後續更改。
它為您提供有關哪些更改将産生最大影響的可行提示。
本文使用下面這個網站應用作為例子。
https://glitch.com/edit/#!/tony 點選 Tony, 然後再點選 remix this,得到一個名稱随機生成的項目:
使用 Chrome 開發者工具的 lighthouse 功能分析 web 應用的性能問題 點選 show 按鈕,打開一個新的 tab. 按 F12 打開 Chrome 開發者工具,切換到 Lighthouse 标簽頁:
使用 Chrome 開發者工具的 lighthouse 功能分析 web 應用的性能問題
使用 Chrome 開發者工具的 lighthouse 功能分析 web 應用的性能問題
使用 Chrome 開發者工具的 lighthouse 功能分析 web 應用的性能問題 確定在隐身模式下生成 report,以避免 Chrome 擴充的幹擾。
稍後,審計報表就生成了:
使用 Chrome 開發者工具的 lighthouse 功能分析 web 應用的性能問題
使用 Chrome 開發者工具的 lighthouse 功能分析 web 應用的性能問題
使用 Chrome 開發者工具的 lighthouse 功能分析 web 應用的性能問題
使用 Chrome 開發者工具的 lighthouse 功能分析 web 應用的性能問題
使用 Chrome 開發者工具的 lighthouse 功能分析 web 應用的性能問題