1、前言
對于前端開發(fā)人員來說，除了實現(xiàn)頁面功能外，那就是頁面的性能響應(yīng)問題也要關(guān)注。同樣對于測試人員在進行性能測試時，也要關(guān)注前端頁面的性能指標。測試前端性能市面上可以用到的工具也比較多，比如可以用 HttpWatch 進行頁面的抓取與分析，或者也可以使用抓包工具如 Fiddler 抓接口的形式進行分析。
本篇將介紹一款前端性能分析工具，即集成在 Chrome 開發(fā)者工具-Lighthouse。
2、簡介
Lighthouse 用于分析 Web 應(yīng)用程序和網(wǎng)頁，收集性能指標和對開發(fā)人員最佳實踐的見解。
架構(gòu)圖：
github地址：
https://github.com/GoogleChrome/lighthouse
3、使用
前提：需要安裝 Chrome 瀏覽器。
1、打開 Chrome 瀏覽器，跳轉(zhuǎn)到要進行性能監(jiān)控的頁面，例如作者的 CSDN 地址：https://blog.csdn.net/wangmcn
2、之后打開 Chrome 開發(fā)者工具（快捷鍵 F12）。
選擇 Lighthouse 面板，設(shè)備可選擇移動或桌面，如圖所示設(shè)備為桌面。
然后點擊“生成報告”。
運行完成后，展示性能測試報告，例如性能分數(shù)打78分。
查看性能原始跟蹤。
并同時給出了一些診斷建議信息。
可訪問性分數(shù)打了71分，并給出改進建議。
如圖所示設(shè)備為移動時，分析過程中的效果。
最后可將報告進行打印、拷貝、下載等操作。
最后： 可以在公眾號：傷心的辣條 ！ 自行領(lǐng)取一份216頁軟件測試工程師面試寶典文檔資料【免費的】。以及相對應(yīng)的視頻學(xué)習(xí)教程免費分享！，其中包括了有基礎(chǔ)知識、Linux必備、Shell、互聯(lián)網(wǎng)程序原理、Mysql數(shù)據(jù)庫、抓包工具專題、接口測試工具、測試進階-Python編程、Web自動化測試、APP自動化測試、接口自動化測試、測試高級持續(xù)集成、測試架構(gòu)開發(fā)測試框架、性能測試、安全測試等。
現(xiàn)在我邀請你進入我們的軟件測試學(xué)習(xí)交流群：【746506216】，備注“入群”， 大家可以一起探討交流軟件測試，共同學(xué)習(xí)軟件測試技術(shù)、面試等軟件測試方方面面，還會有免費直播課，收獲更多測試技巧，我們一起進階Python自動化測試/測試開發(fā)，走向高薪之路。文章來源：http://www.zghlxwxcb.cn/news/detail-513418.html
喜歡軟件測試的小伙伴們，如果我的博客對你有幫助、如果你喜歡我的博客內(nèi)容，請 “點贊” “評論” “收藏” 一 鍵三連哦！文章來源地址http://www.zghlxwxcb.cn/news/detail-513418.html
到了這里，關(guān)于前端性能分析工具-Lighthouse的文章就介紹完了。如果您還想了解更多內(nèi)容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
