lighthouse(幫助)是乙個google開源的自動化工具，它的主要功能就是檢測**的效能，分析網路應用和網頁，收集現代效能指標並提供對開發人員最佳實踐的意見。它能夠針對性能、可訪問性、漸進式 web 應用等進行審核。
由於chrome開發著工具中audits面板配置好引數，點選」run audits」總是卡在」lighthouse is warming up…」，原因是網路無法訪問google，需要fq。於是換用安裝chrome外掛程式lighthouse（2020/12/17目前已不可用）。
2.配置外掛程式lighthouse
3.依次訪問待測試的頁面生成報告
生成的報告如下圖所示
其他詳見官方使用指南。
最佳實踐主要針對移動端或者web應用。某些技術對瀏覽器版本要求較高，用之前最好在can i use、mdn上查一下瀏覽器支援情況
效能測試之前端效能測試
本次總結總共分為以下部分 1.如何衡量乙個系統是否要做壓測 2.壓測的準備過程 3.壓測工具選擇 4.壓測資料以及報告結果相關 1.如何衡量乙個系統是否要做壓測 首先需要衡量乙個系統是否需要壓測，從以下角度考慮 從兩個角度進行分析 a.業務角度 明確系統是對內使用還是對外使用，使用人數是多少，如果使...
前端效能測試分析
web瀏覽器與web伺服器之間通過http協議進行通訊的過程。所以，web c s之間握手的協議就是http協議。遞迴尋找dns server 連線目標ip並建立tcp連線 向目標伺服器傳送http請求 web伺服器接收請求後處理 web伺服器返回相應的結果 無效 重定向 正確頁面等 瀏覽器接收返回...
前端效能測試優化建議
為 具體看位址 yahoo提高 效能34條最佳實踐一 對於前台後台程式設計師 下面這些都應該是大家在工作要注意的 減少http請求 一種減少資源數量的方法是簡化頁面的設計 真是個好主意 但有沒有方法在獲取快速響應的前提下有乙個豐富內容的頁面呢？這裡有一些能夠在不減少頁面內容的前提下減少http請求數...