Как я могу симулировать медленное соединение для загрузки страницы?

У меня быстрый сервер и достаточно быстрое домашнее интернет-соединение. Как я могу имитировать загрузку моей страницы при медленном соединении?

FireFox Throttle - это расширение FireFox, которое должно это делать. Sloppy - это прокси, который замедляет ваше соединение, поэтому оно должно работать в разных браузерах.

Источник

МОДЕРАТОР РЕДАКТИРОВАТЬ 2013-02-02

Это расширение больше не доступно, но репозиторий создан на Github .

Fiddler Web Debugger является отличным HTTP прокси отладки инструмент для Windows , который включает в себя моделирование скорости модема функции (Главное меню> Правила> Производительность> имитировать скорость модема) .
Fiddler является бесплатным .

Мне также нравится Charles Web Debugging Proxy , похожий инструмент. Чарльз также может регулировать скорость соединения . Чарльз - коммерческое программное обеспечение, но у него есть бесплатная пробная версия. Что мне больше всего нравится в Charles, так это то, что он кроссплатформенный : он основан на Java и может работать на Windows, Mac OS X и Linux. (Вы не упомянули, на какой платформе вы работаете, но, вероятно, это одна из них :-)

В Chrome вы можете открыть инструменты разработчика, щелкнуть значок устройства (1), а затем выбрать регулировку соединения (2).

Изменить (2015-11-03)

Начиная с Chrome 45, на самом деле стало немного проще: вам больше не нужно находиться в режиме устройства.

Попробуйте http://www.webpagetest.org/test . Вы можете запустить тест с любого из их удаленных серверов по всему миру и посмотреть, как быстро вы загружаете страницу из этого места. Это даже позволит вам использовать скорость набора или другие медленные скорости для большинства мест.

Вы можете замедлить определенные ресурсы с Deelay.me:

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

Deelay.me - задержка прокси для веб-ресурсов. Вы можете использовать его со своими изображениями / таблицами стилей / скриптами, чтобы увеличить время их загрузки.

Я предполагаю, что проблема та же самая, что и у меня. При внутренней разработке веб-проекта, работающего на серверах локальной сети или виртуальной машине, иногда требуется смоделировать реальный сценарий реального времени, как если бы нагрузка на сервер была высокой, чтобы увидеть, насколько быстро страница загружается на стороне клиента, и если некоторые данные, поступающие с сервера, фактически загружаются и не портят ваши клиентские функции из-за поведения сервера и задержек. Поскольку не существует идеального способа моделирования реальных сценариев, лучше всего убедиться, что вы запускаете события только после того, как данные полностью получены с сервера. Использование функции $ .ajax complete и async: false пока что помогает. Это гарантирует, что любое событие на основе данных, которое вам нужно запустить, не будет выполнено, если данные не существуют.

Имитация медленного подключения с использованием Chrome Если вы еще не установили его в своей системе, установите Chrome. Как только вы это сделаете, откройте новую вкладку и затем нажмите CTRL + SHIFT + I, чтобы открыть окно инструментов разработчика, или щелкните значок гамбургера, затем Дополнительные инструменты и затем Инструменты разработчика.

Это откроет окно инструментов разработчика, которое, вероятно, будет закреплено в правой части экрана. Я предпочитаю, чтобы он был закреплен внизу экрана, так как вы можете видеть больше данных. Для этого нажмите на три вертикальные точки, а затем нажмите на среднюю позицию дока.

Теперь перейдите на вкладку Сеть. Справа вы должны увидеть ярлык под названием No Throttling.

Если вы нажмете на это, вы получите выпадающий список предварительно настроенных скоростей, которые вы можете использовать для имитации медленного соединения.

Доступны варианты от Offline до WiFi, а номера отображаются как Latency, Download, Upload. Самым медленным является GPRS, за которым следуют Regular 2G, затем Good 2G, затем Regular 3G, Good 3G, Regular 4G, DSL и затем WiFi. Выберите один из вариантов, а затем перезагрузите страницу, на которой вы находитесь, или введите другой URL-адрес в адресной строке. Просто убедитесь, что вы находитесь на той же вкладке, где отображаются инструменты разработчика. Регулирование работает только для той вкладки, для которой он включен.

Если вы хотите использовать свои собственные конкретные значения, вы можете нажать кнопку Добавить в разделе Пользовательский. Нажмите на кнопку Добавить пользовательский профиль, чтобы добавить новый профиль.

При использовании GPRS www.google.com потребовалось колоссальные 16 секунд для загрузки! В целом, это отличный инструмент, встроенный прямо в Chrome, который вы можете использовать для тестирования времени загрузки вашего сайта при медленных соединениях. Если у вас есть какие-либо вопросы, не стесняйтесь комментировать. Наслаждайтесь!

Вы можете эмулировать различные скорости сети на Mac, используя бесплатное приложение Speedlimit

Speedlimit Описание:

SpeedLimit - это панель настроек Leopard для ограничения пропускной способности вашей сети одной из нескольких разных скоростей - DSL 768k, Edge, 3G и Dialup. Это действительно удобно для тестирования вашего iPhone-приложения в обычных условиях сети Edge в iPhone Simulator.

Быстрое и грязное решение состоит в том, чтобы загрузить большой файл, чтобы попытаться перекрыть исходящую пропускную способность, это должно замедлить входящее соединение и, как правило, проще, чем попытка аналогично перекрыть входящую пропускную способность.

Метод маршрутизатора (QoS)

Одним из самых простых способов на самом деле является простой вход в панель управления маршрутизатора и настройка расширенных настроек QoS . Однако ... старые, предоставляемые провайдером или более дешевые маршрутизаторы, как правило, не имеют расширенных функций QoS, которые позволят вам ограничить пропускную способность.

Если вы относитесь к большинству пользователей с более дешевым маршрутизатором или маршрутизатором, предоставленным провайдером, то вам может повезти, если у вас есть маршрутизатор, поддерживаемый проектами с открытым исходным кодом, который раскроет весь потенциал вашего маршрутизатора, не только разблокируя полные функции QoS, но и многие другие. расширенные функции доступны только в маршрутизаторах Cisco высшего класса.

Некоторые проекты микропрограмм с открытым исходным кодом маршрутизатора включают в себя:

• DD-WRT
• Open-WRT
• HyperWRT
• HyperWRT + Tofu
• Помидор
• TomatoUSB
• ZeroShell
• DebWRT
• LibreCMC
• горгулья
• Тарифа
• Commotion Wireless

Вы можете имитировать медленное соединение на локальном веб-сервере на localhost, используя node.js и browser-sync .

1. Установите node.js

2. Запустите эту команду из командной строки node.js: npm install -g browser-sync

3. Запустите эту команду из командной строки node.js: browser-sync start --server

   

4. В веб-браузере откройте http: // localhost: 3001 / , затем нажмите ссылку «Network Throttle», чтобы создать сервер с выбранной скоростью и портом:

   

Используйте мобильный телефон для подключения вместо быстрого домашнего подключения. Откройте несколько вкладок браузера с потоковым видео, чтобы еще больше замедлить соединение.