web-dev-qa-db-ja.com

ページ読み込みの遅い接続をどのようにシミュレートできますか?

高速なサーバーと、適度に高速なホームインターネット接続があります。遅い接続でページの読み込みをシミュレートするにはどうすればよいですか?

74
Macha

FireFox Throttle は、それを行うべきFireFox拡張機能です。 Sloppy は、ブラウザ間で機能するように接続を遅くするプロキシです。

ソース

モデレーター編集2013-02-02

この拡張機能は使用できなくなりましたが、レポジトリが Github に作成されました。

25
Adam

Fiddler Web Debugger は、モデム速度シミュレーション機能を含むWindows用の優れたHTTPプロキシデバッグツールです(メインメニュー>ルール>パフォーマンス>モデム速度のシミュレート)
Fiddlerはfreewareです。

Charles Web Debugging Proxy も同様のツールです。チャールズは、接続速度を調整することもできます。 Charlesは商用ソフトウェアですが、無料の試用版があります。 Charlesで一番気に入っているのは、cross-platform:Javaベースであり、Windows、Mac OS X、Linuxで実行できることです。 (どのプラットフォームを使用しているのかは言及しませんでしたが、おそらくそれらの1つです:-)

23
Chris W. Rea

Chromeでは、開発者ツールを開き、デバイスアイコンをクリックして(1)、接続調整を選択できます(2)。

enter image description here

編集(2015-11-03)

Chrome 45​​前後なので、実際にはもう少し簡単になりました。デバイスモードにする必要はもうありません。

enter image description here

22
Rafael Eyng

http://www.webpagetest.org/test を試してください。世界中のリモートサーバーからテストを実行し、それらの場所からページがどれだけ速くロードされるかを確認できます。さらに、ほとんどの場所でダイヤルアップ速度またはその他の低速を使用できます。

20
Ben Hoffman

Deelay.meで特定のリソースを遅くすることができます。

<img src="http://deelay.me/1000?http://mysite.com/image.gif">

Deelay.me は、Webリソースの遅延プロキシです。読み込み時間を増やすために、画像/スタイルシート/スクリプトで使用できます。

8
biesiad

問題は私が持っているものと同じだと思います。 Webプロジェクトを内部で開発し、LANサーバーまたはVMで作業している場合、サーバー側の負荷が高いかのように実際のライブシナリオをシミュレートする必要がある場合があります。サーバーからのデータは、サーバーの動作と遅延のために実際にロードされ、クライアント側の機能を台無しにしません。実際のシナリオをシミュレートする完璧な方法はないため、最善のことは、データがサーバーから完全に取得された後にのみイベントを発生させることです。これまでのところ、$。ajax complete関数とasync:falseを使用することで、うまくいくようです。これにより、起動する必要のあるデータベースのイベントは、データが存在しない限り実行されません。

3
man

Chromeを使用して低速接続をシミュレートします。システムにまだインストールしていない場合は、Chromeをインストールします。一度、新しいタブを開き、CTRL + SHIFT + Iを押して開発者ツールウィンドウを開くか、ハンバーガーアイコンをクリックし、[その他のツール]、[開発者ツール]の順にクリックします。

enter image description here

これにより、開発者ツールウィンドウが表示され、おそらく画面の右側にドッキングされます。より多くのデータを表示できるため、画面の下部にドッキングすることをお勧めします。これを行うには、3つの垂直ドットをクリックしてから、中央のドック位置をクリックします。

enter image description here

次に、[ネットワーク]タブをクリックします。右側に、No Throttlingというラベルが表示されます。

enter image description here

それをクリックすると、低速接続をシミュレートするために使用できる事前構成された速度のドロップダウンリストが表示されます。

enter image description here

選択肢はオフラインからWiFiの範囲で、数値は[レイテンシ]、[ダウンロード]、[アップロード]として表示されます。最も遅いのはGPRSで、レギュラー2G、グッド2G、レギュラー3G、グッド3G、レギュラー4G、DSL、WiFiが続きます。いずれかのオプションを選択して、現在のページをリロードするか、アドレスバーに別のURLを入力します。開発者ツールが表示されているのと同じタブにいることを確認してください。調整は、有効にしたタブでのみ機能します。

独自の特定の値を使用する場合は、[カスタム]の下の[追加]ボタンをクリックできます。 [カスタムプロファイルの追加]ボタンをクリックして、新しいプロファイルを追加します。

enter image description here

GPRSを使用する場合、www.google.comを読み込むのになんと16秒かかりました!全体として、これはChromeに組み込まれている優れたツールで、低速接続でのWebサイトのロード時間のテストに使用できます。ご質問があれば、お気軽にコメントしてください。楽しい!

3
Arbaz Alam

-Macでさまざまなネット速度をエミュレートできます。 Speedlimit という無料のアプリケーションを使用します

速度制限の説明:

SpeedLimitは、ネットワーク帯域幅を768k DSL、Edge、3G、およびダイヤルアップの2つの異なる速度のいずれかに制限するためのLeopard設定ペインです。これは、iPhoneシミュレーターで通常のEdgeネットワーク条件下でiPhoneアプリをテストするのに非常に便利です。

2
matinfo

迅速で汚れた解決策は、ploadアウトバウンド帯域幅を絞ろうとする大きなファイルです。これにより、インバウンド接続が遅くなり、通常、インバウンド帯域幅を絞ろうとするよりも簡単です。

1
Cebjyre

ルーター方式(QoS)

最も簡単な方法の1つは、実際にはルーターダッシュボードにログインし、 QoS 高度な設定を調整することです。ただし...古い、ISPが提供する、または安価なルーターには一般に、帯域幅を調整できる高度なQoS機能がありません。

安価なルーターまたはISPが提供するルーターを使用しているユーザーの大多数の中にいる場合は、完全なQoS機能だけでなく、多くのルーターの可能性を最大限に引き出すオープンソースプロジェクトでサポートされているルーターを使用することができます高度な機能は、ハイエンドのCiscoルーターにのみあります。

一部のオープンソースルーターファームウェアプロジェクトには以下が含まれます:

1
Simon Hayter

node.js および browser-sync を使用して、localhostのローカルWebサーバーで低速接続をシミュレートできます。

  1. Node.jsをインストールする
  2. Node.jsコマンドプロンプトから次のコマンドを実行します:npm install -g browser-sync

  3. Node.jsコマンドプロンプトから次のコマンドを実行します:browser-sync start --server

    enter image description here

  4. Webブラウザーから http:// localhost:3001 / を開き、[ネットワークスロットル]リンクをクリックして、選択した速度とポートでサーバーを作成します。

    enter image description here

1
Setyo N

高速ホーム接続の代わりに携帯電話を使用して接続します。ビデオストリーミングで複数のブラウザタブを開き、接続をさらに遅くします。

0
user1565578