7款前端性能分析工具

沈雅

我們都知道，前端包括圖形化的用戶界面、相應的功能及其整體站點的可用性。前端的重要性毋庸置疑，如果前端無法正常工作，將無法“拉新”。今天就給大家介紹7款前端性能分析工具。

1. Lighthouse

Lighthouse是一個開源的自動化工具，用于幫助改進網(wǎng)絡應用的質量。可將其作為一個Chrome擴展程序運行，或從命令行運行。Lighthouse分析Web應用程序和Web頁面，收集關于開發(fā)人員優(yōu)秀實踐的現(xiàn)代性能指標和見解，讓開發(fā)人員根據(jù)生成的評估頁面，進行網(wǎng)站優(yōu)化和完善，提高用戶體驗。

2. SpeedCurve

SpeedCurve可以幫助追蹤自己的性能表現(xiàn)，以及競爭對手的性能表現(xiàn)。它可以用來查看某個因素在不同站點的速度表現(xiàn)，并提供綜合監(jiān)控。綜合監(jiān)控是在受控環(huán)境中模擬網(wǎng)站。在其中可以自定義選項，比如網(wǎng)絡速度、設備和操作系統(tǒng)等。

3. Pingdom

在Pingdom輸入URL地址，即可測試頁面加載速度，分析并找出性能瓶頸。幫助用戶找出影響網(wǎng)站速度的原因，并給出改善網(wǎng)頁性能的可行性方案，很適合做網(wǎng)站的用戶。

4. PageSpeed Insights

它提供免費服務，可以分析網(wǎng)頁的內容、提出建議和加快網(wǎng)頁的速度。它提供了關鍵指標，如第一個內容繪制和總阻塞時間。度量標準被分類為Field Data，Origin Summary，Lab Data，Opportunities，Diagnostics，Passed Audits。

5. SpeedTracker

SpeedTracker運行在WebPageTest上，可定期進行網(wǎng)站性能測試，并顯示各種性能指標隨時間的變化。這個功能可以幫助不斷評估網(wǎng)站，并查看新功能如何影響網(wǎng)站的性能，還可以定義預算并通過電子郵件和Slack獲取警報。

6. WebPageTest

這是一個在線性能評測網(wǎng)站，支持IE和Chrome，使用真正的瀏覽器和真實的消費者連接速度，從全球多個地點運行免費網(wǎng)站速度測試。其主要提供了Advanced Testing，simple Testing，VisualComparison，Traceroute四個功能。

可以運行簡單的測試或執(zhí)行高級測試，還會依據(jù)測試結果提供豐富的診斷信息，包括資源加載瀑布圖、頁面速度優(yōu)化檢查和改進建議，并給每項內容一個最終的評級。

7. Sitespeed.io

Sitespeed.io是開源的Web性能測試工具，用來衡量Web網(wǎng)站的綜合性能，幫助開發(fā)和測試人員分析網(wǎng)頁的加載速度和渲染性能。Sitespeed.io通過驅動瀏覽器（如Chrome和Firefox）進行測試，然后從開發(fā)者的站點收集多個頁面的數(shù)據(jù)，并根據(jù)優(yōu)秀實踐等規(guī)則來分析這些網(wǎng)頁，然后將結果以HTML報告的形式輸出。