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


73

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


9
BitTorrentを同時に実行するのはどうですか:¬)
pelms

@pelms私の場合、それは助けになりません、それはそれを十分に遅くすることはできません...-
メキ

2
またはTorのプロジェクトのプロキシを経由して接続を実行してみてください...
pelms

1
@pelmsは、両方のコメントの提案を1つの回答にまとめる必要があります。私は彼らが「迅速で汚い」ソリューションに陥ると思います。それは、誰もが好むものです:-)
マリオ・

回答:


25

FireFox Throttleは、それを行うべきFireFox拡張機能です。Sloppyは、接続速度を低下させるプロキシであるため、ブラウザー間で機能します。

ソース

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

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


4
Firefox Throttle拡張機能は使用できなくなっているようです。
マークストスバーグ

残念ずさんでは動作しませんhttpsgroups.google.com/forum/#!topic/sloppy-discuss/tOyCx7igfkw
ジェス

23

Fiddler Web Debuggerは、Windows用の優れたHTTPプロキシデバッグツールであり、モデム速度シミュレーション機能(メインメニュー>ルール>パフォーマンス>モデム速度のシミュレーション)が含まれています。
Fiddlerはフリーウェアです。

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


21

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

ここに画像の説明を入力してください

編集(2015-11-03)

Chrome 45の頃から、実際には少し楽になりました。もうデバイスモードにする必要はありません。

ここに画像の説明を入力してください


1
最も実用的な答え。追加のソフトウェアをインストールする必要はありません。
MisterMetaphor



8

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

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

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


そのようなウェブサイトを知っているのは良いことですが、OPはアセットだけでなくページ全体を遅くしたいと考えています。
j0k

3

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


3

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

ここに画像の説明を入力してください

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

ここに画像の説明を入力してください

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

ここに画像の説明を入力してください

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

ここに画像の説明を入力してください

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

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

ここに画像の説明を入力してください

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


2

Speedlimitと呼ばれる無料のアプリケーションを使用して、Macでさまざまなネット速度をエミュレートできます

速度制限の説明:

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


1

手っ取り早い解決策は、大きなファイルをアップロードしてアウトバウンド帯域幅を絞ろうとすることです。これにより、インバウンド接続が遅くなり、通常、インバウンド帯域幅を絞ろうとするよりも簡単です。


1

ルーター方式(QoS)

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

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

いくつかのオープンソースルーターファームウェアプロジェクトには以下が含まれます。


1

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

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

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

    ここに画像の説明を入力してください

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

    ここに画像の説明を入力してください


0

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

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.