網頁前端性能測試-Lighthouse的使用


Lighthouse(幫助)是一個Google開源的自動化工具,它的主要功能就是檢測網站的性能,分析網絡應用和網頁,收集現代性能指標並提供對開發人員最佳實踐的意見。它能夠針對性能、可訪問性、漸進式 Web 應用等進行審核。

由於Chrome開發着工具中Audits面板配置好參數,點擊”Run audits”總是卡在”lighthouse is warming up…”,原因可能是無法訪問Google。於是換用安裝chrome插件Lighthouse。

1.離線安裝chrome性能插件Lighthouse:下載

2.配置插件Lighthouse

image

3.依次訪問待測試的頁面生成報告

image

生成的報告如下圖所示

image

其他詳見官方使用指南

最佳實踐

最佳實踐主要針對移動端或者Web應用。某些技術對瀏覽器版本要求較高,用之前最好在Can I useMDN上查一下瀏覽器支持情況


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM