Як можна імітувати повільне з'єднання для завантаження сторінки?

У мене швидкий сервер і досить швидкий домашній Інтернет. Як я можу імітувати завантаження сторінки на повільному з’єднанні?

FireFox Throttle - це розширення FireFox, яке повинно це робити. Sloppy - це проксі-сервер, який уповільнює ваш зв’язок, тому він повинен працювати в браузерах.

Джерело

МОДЕРАТОРНИЙ РЕДАКТ 2013-02-02

Це розширення більше не доступне, але на Github створено репо .

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

Мені також подобається пробний проксі-сервер Charles Web Debugging , подібний інструмент. Чарльз також може знизити швидкість з'єднання . Чарльз - комерційне програмне забезпечення, але доступна безкоштовна пробна версія. Що найбільше мені подобається у Чарльза, це те, що він є кросплатформенним : він базується на 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 - проксі-сервер затримки для веб-ресурсів. Ви можете використовувати його для своїх зображень / таблиць стилів / сценаріїв, щоб збільшити час їх завантаження.

Я припускаю, що проблема така сама, як у мене. Розвиваючи веб-проект всередині мережі, працюючи на локальних серверах або VM, іноді вам потрібно імітувати реальний сценарій прямого перегляду, як би завантаження сервера було великим, щоб побачити, наскільки швидко завантажується сторінка на стороні клієнта, і якщо деякі Дані, що надходять із сервера, насправді завантажують і не псують ваші клієнтські функції через поведінку сервера та затримки. Оскільки не існує ідеального способу моделювання реальних сценаріїв, найкраще переконатися, що ви запускаєте події, лише після повного отримання даних із сервера. Використання повноцінної функції $ .ajax та async: false, схоже, поки що робить трюк. Це гарантує, що будь-яка подія на основі даних, яку вам потрібно запустити, не буде виконуватися, якщо дані не існують.

Моделюйте повільне підключення за допомогою Chrome. Вперед та встановіть Chrome, якщо у вас його ще не встановлено у вашій системі. Після цього відкрийте нову вкладку, а потім натисніть CTRL + SHIFT + I, щоб відкрити вікно інструментів для розробників або натисніть на піктограму гамбургера, потім Додаткові інструменти та інструменти для розробників.

Це відкриє вікно Інструменти для розробників, яке, ймовірно, буде встановлено в правій частині екрана. Я вважаю за краще стикований в нижній частині екрана, оскільки ви можете побачити більше даних. Для цього натисніть на три вертикальні точки, а потім натисніть на середню позицію дока.

Тепер ідіть вперед і натисніть на вкладку Мережа. Праворуч ви повинні побачити мітку під назвою No Throttling.

Якщо натиснути на це, ви отримаєте випадаючий список попередньо налаштованих швидкостей, який ви можете використовувати для імітації повільного з'єднання.

Вибір варіюється від автономного до Wi-Fi, а номери відображаються як затримка, завантаження, завантаження. Найповільнішим є GPRS, за ним слід звичайний 2G, потім хороший 2G, потім звичайний 3G, хороший 3G, звичайний 4G, DSL, а потім WiFi. Виберіть один із варіантів, а потім перезавантажте сторінку, на якій ви перебуваєте, або введіть іншу URL-адресу в адресному рядку. Просто переконайтеся, що ви знаходитесь в тій самій вкладці, де відображаються інструменти для розробників. Дроселювання працює лише для вкладки, для якої ви увімкнено.

Якщо ви хочете використовувати власні конкретні значення, ви можете натиснути кнопку Додати в розділі Спеціальні. Натисніть кнопку Додати спеціальний профіль, щоб додати новий профіль.

Під час використання GPRS для завантаження на www.google.com знадобилося цілих 16 секунд! Загалом, це чудовий інструмент, вбудований прямо в Chrome, який ви можете використовувати для тестування часу завантаження вашого веб-сайту на повільніших з'єднаннях. Якщо у вас є якісь питання, сміливо коментуйте. Насолоджуйтесь!

Ви можете імітувати різні чисті швидкості на Mac за допомогою безкоштовного додатка під назвою Speedlimit

Опис обмеження швидкості:

SpeedLimit - це панель переваг Леопарда для обмеження пропускної здатності вашої мережі до однієї з декількох різних швидкостей - 768k DSL, Edge, 3G та Dialup. Це дуже зручно для тестування додатка iPhone у звичайних мережевих умовах Edge в iPhone Simulator.

Швидке та брудне рішення - завантажити великий файл, щоб спробувати заглушити вихідну пропускну здатність, це повинно уповільнити вхідне з'єднання, і зазвичай простіше, ніж намагатися аналогічно заглушити вхідну пропускну здатність.

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

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

Якщо ви серед більшості користувачів з більш дешевим маршрутизатором або пропонованим провайдером, вам, можливо, пощастить мати маршрутизатор, який підтримується проектами з відкритим кодом, які розкриють весь потенціал вашого маршрутизатора, а не лише розблокувати повноцінні функції QoS, але й багато розширені функції, які можна знайти лише у висококласних маршрутизаторах Cisco.

Деякі проекти програмного забезпечення з відкритим кодом маршрутизатора включають:

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

Ви можете імітувати повільне з'єднання на локальному веб-сервері у localhost, використовуючи node.js та синхронізацію браузера .

1. Встановіть node.js

2. Запустіть цю команду з командного рядка node.js: npm install -g browser-sync

3. Запустіть цю команду з командного рядка node.js: browser-sync start --server

   

4. У веб-браузері відкрийте http: // localhost: 3001 / , а потім натисніть посилання "Network Throttle", щоб створити сервер із вибраною швидкістю та портом:

   

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