7款前端性能分析工具

沈雅

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

1. Lighthouse

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

2. SpeedCurve

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

3. Pingdom

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

4. PageSpeed Insights

它提供免費(fèi)服務(wù)，可以分析網(wǎng)頁(yè)的內(nèi)容、提出建議和加快網(wǎng)頁(yè)的速度。它提供了關(guān)鍵指標(biāo)，如第一個(gè)內(nèi)容繪制和總阻塞時(shí)間。度量標(biāo)準(zhǔn)被分類(lèi)為Field Data，Origin Summary，Lab Data，Opportunities，Diagnostics，Passed Audits。

5. SpeedTracker

SpeedTracker運(yùn)行在WebPageTest上，可定期進(jìn)行網(wǎng)站性能測(cè)試，并顯示各種性能指標(biāo)隨時(shí)間的變化。這個(gè)功能可以幫助不斷評(píng)估網(wǎng)站，并查看新功能如何影響網(wǎng)站的性能，還可以定義預(yù)算并通過(guò)電子郵件和Slack獲取警報(bào)。

6. WebPageTest

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

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

7. Sitespeed.io

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