最佳的網頁速度分析瀏覽器插件
目錄
為何使用頁面速度瀏覽器擴充功能
像Chrome Dev Tools這樣的基於流覽器的調試器是一組工具</a>,就像一個工具</a>箱。如果你只想要其中一個工具</a>,那就不太幸運了,因為流覽器會一次性提供整個集合。這意味著發佈者需要先學習</a>如何</a>在所有不同的功能表、標籤和螢幕之間導航,其中許多都提供了並非你所需的概述工具</a>。<br/><br/>這就是為什麼擴展程式是使用流覽器內置故障排除工具</a>的有效替代方案。你可以簡單地選擇你想要的確切工具</a>,並跳過學習</a>曲線,以便在需要時獲取真正需要的度量資料。
優勢 | 劣勢 | |
---|---|---|
機會 |
|
|
威脅 |
|
|
使用者需求和行為的快速變化
Lighthouse是一個很棒的工具</a>,可以輕鬆地獲得網頁性能的概述,並提供深入診斷反饋和加快網頁速度的建議。有一個單獨的Google Lighthouse網頁,但您必須複製要獲取數據的頁面URL,然後導航到Lighthouse工具</a>。使用Lighthouse擴展程式,只需點擊按鈕就可以使用該工具</a>的全部功能。<br/><br/>您只需點擊擴展程式圖示,然後再點擊藍色生成報告按鈕。Lighthouse擴展程式將產生一個新的瀏覽器分頁並生成完整的Lighthouse報告。在生成報告期間,新的網頁將顯示等待畫面。<br/><br/>Lighthouse頁面頂部顯示了該網頁的數值分數。如果向下滾動,您可以看到幫助診斷和解決問題的詳細數據。您只需按下相關連結以瞭解更多關於問題及修復建議方面的資訊即可。<br/><br/>Google已針對Chrome和Firefox開發了Lighthouse版本。
頁面加載時間瀏覽器擴充功能
Page Load Time是一個提供於Chrome和Firefox瀏覽器的擴充功能,它使用了Navigation Timing API,該API在Mozilla開發者頁面上有詳細介紹。這個瀏覽器擴充功能已被安裝超過100,000次且評分258次。安裝完畢後,只需訪問一個網頁,觀察瀏覽器右上角的Page Load Time圖示即可自動顯示下載該網頁所花的時間。<br/><br/>點擊圖示可以查看更多關於網頁下載速度快慢的相關因素。如上圖所示,Page Load Time瀏覽器擴充功能以易於理解的方式呈現了大量資訊。詳細報告中列出了由重定向、DNS回應</a>時間和連接時間引起的延遲情況。<br/><br/>報告還計算了從發送對該網頁的請求開始到完成所花費的回應</a>時間。此外,還精確測量了腳本執行、內容</a>加載以及最終加載完成所花費的時間。這是一個以易於理解方式展示的非常豐富的資訊。<br/><br/>以下是提供給Chrome的Page Load Time擴充功能和Firefox的Load Timer附加元件。
效能分析器
Performance-Analyser是Chrome瀏覽器的擴展功能,類似於Page Load Time瀏覽器擴展,但它在涵蓋的範圍上更進一步。它使用資源、導航和用戶計時API。這個擴展生成色彩豐富的餅圖,以視覺化方式呈現各種指標,例如按功能變數名稱分類的請求數量,並以方便的瀑布圖形式提供導航時間API資訊,可視化渲染時間。<br/><br/>根據描述: "Performance-Analyser(又稱Performance-Analyzer)通過資源、導航和用戶計時API來幫助分析當前頁面 - 立即查看按類型、功能變數名稱、加載時間、記號等分類的請求等資訊。"
頁面大小檢查器
Page Size Inspector Extension for Chrome是一個特別有用的工具</a>,因為它提供了各種指標的快照,包括字體請求數量和下載的未壓縮大小。這個擴展之所以突出,是因為它的介面易於理解,並且顯示了以下網頁資源的大小(以位元組表示):HTML</a>、JS、CSS、圖片、Ajax和字體。此外,這款Chrome瀏覽器擴展還提供了下載時間(秒)的資訊,讓您可以快速方便地查看整體頁面速度</a>指標。<br/><br/>
相關數據:
- 62%的用戶認為chrome是速度最快的瀏覽器 來源: statista
- firefox在全球擁有22%的市場份額 來源: statcounter
- safari是美國最受歡迎的瀏覽器,占有43%的市場份額 來源: statcounter
- edge在英國的市場份額為10% 來源: statcounter
- chrome在日本的市場份額為67% 來源: statcounter
- 52%的法國用戶選擇使用chrome瀏覽器 來源: statcounter
- 在台灣,chrome是最受歡迎的瀏覽器,擁有55%的市場份額 來源: statcounter
Checkbot:SEO,網站速度與安全測試工具
這個外掛程式是一個聚合了多種與SEO</a>相關的工具</a>的擴展程式。有趣的是,它提供了可以幫助更好地理解網頁下載所需時間的數據。該外掛程式報告以下變數:檔最小化、網絡壓縮資訊、檔快取、阻塞渲染的CSS和JavaScript、重複的CSS和JavaScript、過多內聯的CSS和JavaScript、重定向以及連續重定向。<br/><br/>所有上述數據點對於理解可能需要修復的問題非常有用。作為一個額外福利,Chrome Checkbot: SEO</a>, Web Speed & Security Tester 擴展還提供了各種與SEO</a>相關的數據,其中我最喜歡的是安全頭部數據,它可以告訴您一個站點是否因缺少安全頭部而不安全。