sitespeed.io
v35.5.0
ウェブサイト |ドキュメント |変更履歴 |マストドン
sitespeed.ioへようこそ。これは、Web スピードに情熱を注ぐすべての人のために設計された包括的な Web パフォーマンス ツールです。あなたが開発者でも、サイト所有者でも、あるいは単に Web サイトのパフォーマンスに興味がある人でも、 sitespeed.io Web サイトを分析して最適化するための強力かつユーザーフレンドリーな方法を提供します。
sitespeed.io単なるツールではありません。これは、Web サイトのパフォーマンスを測定、監視、改善するための完全なソリューションです。シンプルさと効率性を念頭に置いて構築されているため、次のことが可能になります。
sitespeed.io使用する場合のユースケース。
sitespeed.ioニーズに適応します。sitespeed.io開発ワークフロー、継続的統合システム、監視設定に簡単に組み込みます。 私たちは、 sitespeed.ioを最大限に活用できるよう、膨大な時間をかけてドキュメントを作成してきました。インストール ガイドから高度な使用シナリオに至るまで、当社のドキュメントは情報とヒントの宝庫です。
sitespeed.ioを使い始めるのは簡単です。好みや設定に応じて、Docker または NodeJS を使用してインストールできます。以下の簡単な手順に従って、Web サイトのパフォーマンスの最適化を始めてください。
特に依存関係を手動で処理したくない場合は、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 Web サイトでテストを実行します。 -v "$(pwd)":/sitespeed.io部分は、現在のディレクトリをコンテナーにマウントし、テスト結果に簡単にアクセスできるようにします。
sitespeed.io npm パッケージとしてインストールする場合は、システムに NodeJS がインストールされていることを確認してください。次に、npm を使用してsitespeed.ioグローバルにインストールします。
npm i -g sitespeed.ioインストール後、次のコマンドを実行して sitespeed.io の使用を開始できます。
sitespeed.io https://www.example.comhttps://www.example.com をテストする URL に置き換えます。 NodeJS を使用するには、FFmpeg や Python などの追加の依存関係が必要になる場合があることに注意してください。これらの依存関係の詳細なインストール手順については、ここを参照してください。
環境に最も適した方法を選択し、sitespeed.io を使用して Web パフォーマンスの最適化に取り組む準備を整えてください。
sitespeed.ioはユーザーフレンドリーになるように調整されており、技術的な専門知識に関係なく Web パフォーマンス テストにアクセスできるようになります。ここでは、Web パフォーマンスの最適化への取り組みを開始するのに役立つ簡単なガイドを示します。
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 は、Web サイトのパフォーマンスを深く理解し、改善するために必要な柔軟性と機能を提供します。
今日のモバイルファーストの世界では、Web サイトがスマートフォンやタブレット上で最適に動作することを保証することが重要です。 sitespeed.ioを使用すると、モバイル デバイスでの Web サイトのパフォーマンスをシミュレートおよび分析でき、モバイル ユーザーのユーザー エクスペリエンスを理解し、改善するのに役立ちます。
Web サイトのモバイル パフォーマンスのテストを開始するには、テスト用に携帯電話をセットアップする必要があります。 Android スマートフォンと iOS のセットアップに関するドキュメントを入手しました。
セットアップの準備ができたら、Android スマートフォンでテストを実行できます。
sitespeed.io https://www.example.com --androidsitespeed.io Web サイトのパフォーマンスを視覚化して理解するのに役立つ洞察力に富んだ HTML レポートを提供します。達成できることを示す例をいくつか示します。
以下は、サイトのパフォーマンス指標の包括的な概要を提供する HTML 形式の概要レポートの例です。
このレポートには、読み込み時間、ページ サイズ、リクエスト数などの主要なパフォーマンス指標が含まれており、サイト全体の健全性のスナップショットを素早く把握できます。
さらに詳細な分析については、個別のページのレポートをご覧ください。
このレポートは、単一ページのパフォーマンスをより深く掘り下げ、特定の改善領域を特定するために重要な、スクリプト、レンダリング、ネットワーク アクティビティなどの側面に関するメトリクスを提供します。
Web サイトのパフォーマンスを長期にわたって監視するには、 sitespeed.io Graphite および Grafana と統合する、dashboard.sitespeed.io のライブ設定を確認してください。
Graphite/Grafana で視覚化された URL から収集されたメトリクス:
この設定により、パフォーマンスを継続的に追跡できるため、傾向や潜在的な問題を特定するのに役立ちます。
Grafana の長期的な傾向は、サイトのパフォーマンスの長期的な視点を提供します。
これらの洞察を利用すると、情報に基づいて最適化に関する意思決定を行い、加えた変更の影響を追跡できます。
視覚的なフィードバックのために、 sitespeed.ioビデオを生成し、サイトがどのようにリアルタイムで読み込まれるかを簡単に確認できるようにします。サンプルビデオは次のとおりです。
ビデオ分析は Docker を使用することで最も簡単に実行でき、ユーザー エクスペリエンスに関する独自の視点を提供し、注意が必要な領域を強調表示します。
コミュニティからの貢献を歓迎します!バグの修正、機能の追加、ドキュメントの改善のいずれの場合でも、皆様のご協力は貴重です。貢献する方法は次のとおりです。
貢献する前に、貢献方法の詳細について CONTRIBUTING.md をお読みください。
バグが見つかった場合、または機能リクエストがありますか? GitHub の問題を報告するには、GitHub の問題を使用してください。重複を避けるために、必ず既存の問題を確認してください。
私たちのコミュニティに参加してください！助けが必要な場合、経験を共有したい場合、または改善の可能性について議論したい場合は、参加する方法がいくつかあります。
私たちのコミュニティに皆さんが参加できることを大変うれしく思っており、皆さんの貢献や交流を楽しみにしています。
MIT ライセンス (MIT)。
