網站 |文檔 |更新日誌 |乳齒象
歡迎使用sitespeed.io
,這是一款專為所有熱衷於網路速度的人設計的綜合網路效能工具。無論您是開發人員、網站所有者,還是只是對網站效能感興趣的人, sitespeed.io
都提供了一種強大且用戶友好的方法來分析和優化您的網站。
sitespeed.io
不只是一個工具;它是衡量、監控和提高網站效能的完整解決方案。它在構建時考慮到了簡單性和效率,它使您能夠:
有關何時使用sitespeed.io
用例。
sitespeed.io
都能滿足您的需求。sitespeed.io
融入您的開發工作流程、持續整合系統和監控設定中。 我們在文件中投入了無數的時間來幫助您充分利用sitespeed.io
。從安裝指南到進階使用場景,我們的文件是資訊和技巧的寶庫。
sitespeed.io
的入門非常簡單。您可以使用 Docker 或 NodeJS 安裝它,具體取決於您的偏好和設定。請依照以下簡單步驟開始優化您網站的效能。
使用 Docker 是開始使用sitespeed.io
最簡單的方法,特別是如果您不想手動處理依賴項。執行以下命令以在 Docker 容器中使用sitespeed.io
:
docker run --rm -v " $( pwd ) " :/sitespeed.io sitespeedio/sitespeed.io https://www.sitespeed.io/
此指令會拉取最新的 sitespeed.io Docker 映像並在 sitespeed.io 網站上執行測試。 -v "$(pwd)":/sitespeed.io部分將目前目錄掛載到容器中,讓您可以輕鬆存取測試結果。
如果您喜歡將sitespeed.io
安裝為 npm 套件,請確保您的系統上安裝了 NodeJS。然後,使用 npm 全域安裝sitespeed.io
:
npm i -g sitespeed.io
安裝後,您可以透過執行以下命令開始使用 sitespeed.io:
sitespeed.io https://www.example.com
將 https://www.example.com 替換為您要測試的 URL。請注意,使用 NodeJS 可能需要額外的依賴項,例如 FFmpeg 和 Python。可以在此處找到這些依賴項的詳細安裝說明。
選擇最適合您環境的方法,並準備好透過 sitespeed.io 深入研究 Web 效能最佳化!
sitespeed.io
專為用戶友好而定制,無論您的技術專業知識如何,都可以進行 Web 性能測試。這是一個簡單的指南,可幫助您開始網路效能優化之旅。
要開始測試您的網站,只需使用您要分析的網站的 URL 運行sitespeed.io
即可。例如:
sitespeed.io https://www.example.com --browser chrome -n 5
此命令使用 Chrome 測試 https://www.example.com 並執行 5 次測試迭代。這種方法有助於透過多次測試站點來獲得更準確的中位數效能測量。
sitespeed.io 提供了廣泛的配置選項,可根據您的特定需求自訂測試。您可以指定不同的瀏覽器、調整連線設定等等。有關所有可用選項的完整列表,請訪問我們的配置文件。
此外,要快速概覽所有命令列選項,您可以執行:
sitespeed.io --help
此命令顯示可與 sitespeed.io 一起使用的所有可用標誌和設置,可協助您微調效能測試以滿足您的獨特要求。
無論您是進行快速檢查還是詳細分析,sitespeed.io 都能提供您深入了解和提高網站效能所需的靈活性和強大功能。
在當今行動優先的世界中,確保您的網站在智慧型手機和平板電腦上以最佳效能運作至關重要。透過sitespeed.io
,您可以模擬和分析網站在行動裝置上的表現,幫助您了解並改善行動受眾的使用者體驗。
要開始測試網站的行動效能,您需要設定手機進行測試。我們提供了有關設定 Android 手機和 iOS 的文件。
設定就緒後,您可以在 Android 手機上執行測試。
sitespeed.io https://www.example.com --android
sitespeed.io
提供富有洞察力的 HTML 報告,幫助您視覺化和了解網站的效能。以下是一些範例來說明您可以實現的目標:
以下是 HTML 格式的摘要報告範例,全面概述了您網站的效能指標:
該報告包括載入時間、頁面大小和請求計數等關鍵效能指標,讓您快速了解網站的整體運作狀況。
為了更詳細的分析,這裡有一個單獨的頁面報告:
該報告深入探討了單一頁面的效能,提供了腳本、渲染和網路活動等方面的指標,這對於確定特定的改進領域至關重要。
要監控您的網站隨著時間的推移的效能,請查看我們在儀表板.sitespeed.io 上的即時設置,它將sitespeed.io
與 Graphite 和 Grafana 整合在一起。
從 Graphite/Grafana 中視覺化的 URL 收集的指標:
此設定允許持續追蹤效能,幫助您識別趨勢和潛在問題。
Grafana 中隨時間變化的趨勢提供了站點效能的長期視圖:
借助這些見解,您可以做出有關優化的明智決策並追蹤所做更改的影響。
對於視覺回饋, sitespeed.io
可以產生視頻,讓您更輕鬆地即時查看網站的載入情況。這是一個範例影片:
使用 Docker 可以輕鬆完成視訊分析,並提供有關使用者體驗的獨特視角,突出顯示需要關注的領域。
我們歡迎社區的貢獻!無論您是修復錯誤、添加功能還是改進文檔,您的幫助都是有價值的。您可以透過以下方式做出貢獻:
在貢獻之前,請閱讀我們的 CONTRIBUTING.md 以獲取有關如何貢獻的更多詳細資訊。
發現錯誤或有功能請求?請使用 GitHub 問題來回報它們。請務必檢查現有問題以避免重複。
加入我們的社群!無論您需要協助、想要分享您的經驗或討論潛在的改進,都有多種參與方式:
我們很高興您加入我們的社區,並期待您的貢獻和互動!
麻省理工學院許可證 (MIT)。