我們都知道，前端包括圖形化的用户界面、相應的功能、及其整體站點的可用性。前端的重要性毋庸置疑，如果前端無法正常工作，將無法“拉新”。今天就給大家介紹7款前端性能分析工具，對你有用的話，歡迎收藏轉發。
1、Lighthouse
Lighthouse是一個開源的自動化工具，用於幫助改進網絡應用的質量。可將其作為一個 Chrome擴展程序運行，或從命令行運行。Lighthouse分析web應用程序和web頁面，收集關於開發人員最佳實踐的現代性能指標和見解，讓開發人員根據生成的評估頁面，來進行網站優化和完善，提高用户體驗。
2、SpeedCurve
SpeedCurve 可以幫助追蹤自己的性能表現，以及競爭對手的性能表現。它可以用來查看某個因素在不同站點的速度表現，並且還提供了綜合監控。綜合監控是在受控環境中模擬網站。在其中可以自定義選項，比如網絡速度、設備、操作系統等等。
3、Pingdom
在Pingdom輸入 URL 地址，即可測試頁面加載速度，分析並找出性能瓶頸。幫助用户找出影響網站速度的原因，並給出改善網頁性能的可行性方案，很適合做網站的用户。
4、PageSpeed Insights
它提供免費服務，可以分析網頁的內容，提出建議，加快網頁的速度。它為您提供了關鍵指標，如第一個內容繪製，總阻塞時間和更多。度量標準被分類為Field Data、Origin Summary,Lab Data,Opportunities、Diagnostics 和Passed Audits。
5、SpeedTracker
SpeedTracker運行在WebPageTest上，可定期進行網站性能測試，並顯示各種性能指標隨時間的變化。這個功能可以幫助不斷評估網站，並查看新功能如何影響網站的性能，還可以定義預算並通過電子郵件和Slack獲取警報。
6、WebPageTest
WebPageTest是一個在線性能評測網站，支持IE，Chrome，使用真正的瀏覽器(IE和Chrome)和真實的消費者連接速度，從全球多個地點運行免費網站速度測試。WebpageTest 主要提供了Advanced Testing、simple Testing、Visual Comparison、Traceroute四個功能。
可以運行簡單的測試或執行高級測試，還會依據測試結果提供豐富的診斷信息，包括資源加載瀑布圖，頁面速度優化檢查和改進建議，會給每項內容一個最終的評級。
7、Sitespeed.io
Sitespeed.io 是開源的Web性能測試工具，用來衡量Web網站的綜合性能，幫助開發和測試人員分析網頁的加載速度和渲染性能。Sitespeed.io通過驅動瀏覽器(如：Chrome、Firefox)進行測試，然後從開發者的站點收集多個頁面的數據，並根據最佳實踐等規則來分析這些網頁，然後將結果以HTML報告的形式輸出。
這7款前端性能分析工具你收藏了嗎？如果還有什麼想要了解的，或者你有其他更好用的工具，可以在下方評論留言和大家一起探討~