建站
咨詢
售后
建站咨詢
新聞中心
Web 性能優(yōu)化是一個老生常談的話題，也是前端頁面開發(fā)十分重要的部分。當頁面加載速度越慢，用戶流失的概率就越大，性能和交互直接影響用戶體驗。
下面推薦幾款 Web 性能優(yōu)化輔助工具推薦，希望能對大家有所幫助。
Lighthouse
Lighthouse 是 Google 開源的一個自動化工具，用于改進網(wǎng)絡應用的質量。你可以將其作為一個 Chrome 擴展程序運行，或從命令行運行。
當為 Lighthouse 提供一個要審查的網(wǎng)址，它將針對此頁面運行一連串的測試，然后生成一個有關頁面性能的報告?？梢詤⒖际〉臏y試，看看可以采取哪些措施來改進應用。
Chrom 擴展則會把報告以非常人性化的圖形界面展示給你。
傳送門：www.oschina.net/p/lighthouse
Speed Racer
SpeedRacer 是一款性能測試工具，它在 Chrome 中運行腳本，并生成詳細的性能報告。
SpeedRacer 是直接借助瀏覽器來實際測試性能的工具，在實際工作中，可以與其它模擬用戶訪問流量來評估性能的工具配合使用。
傳送門：https://github.com/speedracer/speedracer
Yellow Lab Tools
Yellow Lab Tools 是一款 Web 性能及前端質量測試工具。與其他工具不同的是，它有一些在其他工具上無法看到的獨特功能，例如頁面加載時 JavaScript 與 DOM 互動和其他程序代碼驗證問題。
Yellow Lab Tools 偏向于一個發(fā)現(xiàn)不良實踐的工具，會綜合頁面權重、請求數(shù)、DOM、錯誤的 Javascript、錯誤的 CSS 等方面取得一個評分。并顯示出在加載頁面的過程中，DOM 是如何相互影響。
傳送門：https://yellowlab.tools/
Web Tracing Framework
Web Tracing Framework 也是 Google 推出的一組用于跟蹤和調查復雜 Web 應用的庫、工具和可視化工具合集。它可以幫助發(fā)現(xiàn)性能問題，跟蹤回歸，并構建流暢的 60fps Web 應用。能讓你花更少時間來測試代碼即可。
傳送門：www.oschina.net/p/tracing-framework
grunt-perfbudget
grunt-perfbudget 是一款用于評估性能的 Grunt task，它使用 WebPagetest 的公有或私有實例在特定的 URL 進行測試，并將測試結果和你預期的性能期望做比較。
如果小于預期，那么這個 task 就順利完成了，如果超過了預期的性能期望，那么就會報告失敗，并幫助你分析超出預期的原因。
傳送門：https://github.com/tkadlec/grunt-perfbudget
Sitespeed.io
Sitespeed.io 是一組基于***實踐以及一些加載時序等量化標準的開源工具，用以幫助開發(fā)者分析網(wǎng)頁的加載速度和渲染性能。
Sitespeed.io 從開發(fā)者的站點收集多個頁面的數(shù)據(jù)，并根據(jù)***實踐等規(guī)則來分析這些網(wǎng)頁，然后將結果以 HTML 的形式輸出，或者以數(shù)值的形式發(fā)送到 Graphite 。
傳送門：https://www-origin.sitespeed.io/
文章標題：前端利器，6款開源的Web性能優(yōu)化輔助工具推薦
轉載來于：http://m.5511xx.com/article/djochjp.html
