Jak mogę zasymulować wolne połączenie przy ładowaniu strony?

Mam szybki serwer i dość szybkie domowe połączenie z Internetem. Jak mogę symulować ładowanie mojej strony przy wolnym połączeniu?

FireFox Throttle to rozszerzenie FireFox, które powinno to zrobić. Sloppy to serwer proxy, który spowalnia połączenie, więc powinien działać w różnych przeglądarkach.

Źródło

MODERATOR EDIT 2013-02-02

To rozszerzenie nie jest już dostępne, ale repozytorium zostało utworzone w Github .

Skrzypek Web Debugger jest doskonałym narzędziem do debugowania proxy HTTP dla systemu Windows, który zawiera symulacji prędkości modem funkcji (Menu główne> Regulamin> Performance> symulować prędkość modemu) .
Fiddler jest darmowy .

Lubię też Charles Web Debugging Proxy , podobne narzędzie. Charles może również zmniejszyć prędkość połączenia . Charles jest oprogramowaniem komercyjnym, ale dostępny jest bezpłatny okres próbny. To, co najbardziej podoba mi się w Charlesie, to to, że jest wieloplatformowe : ponieważ jest oparty na Javie, może działać w systemach Windows, Mac OS X i Linux. (Nie wspomniałeś, na której platformie jesteś, ale prawdopodobnie jest to jedna z tych :-)

W Chrome możesz otworzyć narzędzia programistyczne, kliknąć ikonę urządzenia (1), a następnie wybrać ograniczanie połączenia (2).

Edytuj (2015-11-03)

Od około Chrome 45 stało się trochę łatwiej: nie musisz już być w trybie urządzenia.

Wypróbuj http://www.webpagetest.org/test . Możesz uruchomić test z dowolnego z ich zdalnych serwerów na całym świecie i sprawdzić, jak szybko ładujesz strony z tych lokalizacji. Umożliwi nawet użycie prędkości dial-up lub innych wolnych prędkości w większości lokalizacji.

Możesz spowolnić określone zasoby za pomocą Deelay.me:

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

Deelay.me jest opóźniającym serwerem proxy dla zasobów internetowych. Możesz go używać z obrazkami / arkuszami stylów / skryptami, aby wydłużyć czas ładowania.

Zakładam, że problem jest taki sam, jaki mam. Podczas wewnętrznego opracowywania projektu internetowego, pracy na serwerach LAN lub maszynach wirtualnych, czasami trzeba symulować prawdziwy scenariusz na żywo, tak jakby obciążenie serwera było duże, aby zobaczyć, jak szybko strona ładuje się po stronie klienta, a jeśli dane, które pochodzą z serwera, faktycznie ładują się i nie psują funkcji po stronie klienta, ze względu na zachowanie i opóźnienia serwera. Ponieważ nie ma idealnego sposobu symulowania rzeczywistych scenariuszy, najlepszą rzeczą jest upewnienie się, że uruchamiane są zdarzenia, dopiero po całkowitym pobraniu danych z serwera. Korzystanie z funkcji $ .ajax complete i async: false wydaje się, jak dotąd, załatwić sprawę. Gwarantuje to, że jakiekolwiek zdarzenie oparte na danych, które chcesz uruchomić, nie zostanie wykonane, chyba że dane istnieją.

Symuluj powolne połączenie za pomocą Chrome. Zainstaluj Chrome, jeśli jeszcze go nie masz. Gdy to zrobisz, otwórz nową kartę, a następnie naciśnij CTRL + SHIFT + I, aby otworzyć okno narzędzi programistycznych lub kliknij ikonę hamburgera, a następnie Więcej narzędzi, a następnie Narzędzia programistyczne.

Spowoduje to wyświetlenie okna Narzędzi programisty, które prawdopodobnie zostanie zadokowane po prawej stronie ekranu. Wolę, aby zadokowany u dołu ekranu, ponieważ można zobaczyć więcej danych. Aby to zrobić, kliknij trzy pionowe kropki, a następnie kliknij środkową pozycję dokowania.

Teraz idź dalej i kliknij kartę Sieć. Po prawej stronie powinna być widoczna etykieta o nazwie No Throttling.

Kliknięcie tego spowoduje wyświetlenie rozwijanej listy wstępnie skonfigurowanych prędkości, których można użyć do symulacji wolnego połączenia.

Dostępne opcje to od Offline do WiFi, a liczby są wyświetlane jako Opóźnienie, Pobieranie, Przesyłanie. Najwolniejszy jest GPRS, a następnie Zwykły 2G, następnie Dobry 2G, następnie Zwykły 3G, Dobry 3G, Zwykły 4G, DSL, a następnie WiFi. Wybierz jedną z opcji, a następnie ponownie załaduj stronę, na której jesteś, lub wpisz inny adres URL w pasku adresu. Upewnij się, że jesteś na tej samej karcie, na której wyświetlane są narzędzia programistyczne. Ograniczanie działa tylko w przypadku karty, dla której jest włączona.

Jeśli chcesz użyć własnych określonych wartości, możesz kliknąć przycisk Dodaj w obszarze Niestandardowe. Kliknij przycisk Dodaj profil niestandardowy, aby dodać nowy profil.

Podczas korzystania z GPRS ładowanie witryny www.google.com trwało 16 sekund! Ogólnie rzecz biorąc, jest to świetne narzędzie wbudowane bezpośrednio w Chrome, którego można używać do testowania czasu ładowania witryny w przypadku wolniejszych połączeń. Jeśli masz jakieś pytania, możesz je komentować. Cieszyć się!

Możesz emulować różne prędkości sieci na komputerze Mac za pomocą bezpłatnej aplikacji o nazwie Speedlimit

Speedlimit Opis:

SpeedLimit to panel preferencji Leoparda służący do ograniczania przepustowości sieci do jednej z kilku różnych prędkości - 768k DSL, Edge, 3G i Dialup. Jest to bardzo przydatne do testowania aplikacji na iPhone'a w normalnych warunkach sieci Edge w symulatorze iPhone'a.

Szybkim i brudnym rozwiązaniem jest przesłanie dużego pliku w celu uduszenia przepustowości wychodzącej, co powinno spowolnić połączenie przychodzące i zwykle jest łatwiejsze niż próba podobnie dławienia przepustowości przychodzącej.

Metoda routera (QoS)

Jedną z najprostszych metod jest po prostu zalogowanie się do pulpitu routera i dostosowanie zaawansowanych ustawień QoS . Jednak ... stare, oferowane przez ISP lub tańsze routery na ogół nie mają zaawansowanych funkcji QoS, które pozwolą ci zmniejszyć przepustowość.

Jeśli należysz do większości użytkowników z tańszym routerem lub dostawcą ISP, możesz mieć szczęście, że masz router obsługiwany przez projekty open source, które uwolnią pełny potencjał routera, nie tylko odblokowując pełne funkcje QoS, ale wiele zaawansowane funkcje dostępne tylko w wysokiej klasy routerach Cisco.

Niektóre projekty oprogramowania układowego routera typu open source obejmują:

• DD-WRT
• Open-WRT
• HyperWRT
• HyperWRT + Tofu
• Pomidor
• TomatoUSB
• ZeroShell
• DebWRT
• LibreCMC
• Gargulec
• Tarifa
• Commotion Wireless

Możesz symulować wolne połączenie na lokalnym serwerze WWW na localhost, używając node.js i synchronizacji przeglądarki .

1. Zainstaluj node.js

2. Uruchom tę komendę z wiersza komend node.js: npm install -g browser-sync

3. Uruchom tę komendę z wiersza komend node.js: browser-sync start --server

   

4. W przeglądarce internetowej otwórz http: // localhost: 3001 / , a następnie kliknij link „Network Throttle”, aby utworzyć serwer o wybranej prędkości i porcie:

   

Połącz się za pomocą telefonu komórkowego zamiast szybkiego połączenia domowego. Otwórz wiele kart przeglądarki ze strumieniem wideo, aby dodatkowo spowolnić połączenie.