페이지로드 속도가 느린 연결을 어떻게 시뮬레이트 할 수 있습니까?

빠른 서버와 합리적으로 빠른 홈 인터넷 연결이 있습니다. 느린 연결에서 내 페이지로드를 어떻게 시뮬레이트 할 수 있습니까?

FireFox Throttle 은 FireFox 확장 기능입니다. Sloppy 는 연결 속도를 저하시키는 프록시이므로 브라우저에서 작동합니다.

출처

중재자 편집 2013-02-02

이 확장은 더 이상 사용할 수 없지만 Github 에서 리포지토리 가 생성되었습니다 .

Fiddler Web Debugger 는 모뎀 속도 시뮬레이션 기능 (주 메뉴> 규칙> 성능> 모뎀 속도 시뮬레이션) 을 포함하는 Windows 용 뛰어난 HTTP 프록시 디버깅 도구입니다 .
피들러는 프리웨어 입니다.

또한 비슷한 도구 인 Charles Web Debugging Proxy가 좋습니다. Charles는 연결 속도를 조절할 수도 있습니다 . Charles는 상용 소프트웨어이지만 무료 평가판이 있습니다. 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 는 웹 리소스에 대한 지연 프록시입니다. 이미지 / 스타일 시트 / 스크립트와 함께 사용하여로드 시간을 늘릴 수 있습니다.

문제가 내가 가진 것과 동일하다고 가정합니다. 내부적으로 웹 프로젝트를 개발할 때 LAN 서버 또는 VM에서 작업하는 경우 때때로 클라이언트 측에서 페이지가 얼마나 빨리로드되는지 확인하기 위해 서버로드가 높은 것처럼 실제 라이브 시나리오를 시뮬레이션해야합니다. 서버에서 발생하는 데이터는 실제로 서버 동작 및 지연으로 인해 클라이언트 측 기능을로드하고 엉망으로 만들지 않습니다. 실제 시나리오를 시뮬레이션하는 완벽한 방법이 없기 때문에 가장 좋은 방법은 서버에서 데이터를 완전히 검색 한 후에 만 ​​이벤트를 발생시키는 것입니다. $ .ajax complete 함수와 async : false를 사용하면 지금까지 트릭을 수행하는 것 같습니다. 이렇게하면 데이터가 존재하지 않는 한 실행해야 할 데이터 기반 이벤트가 실행되지 않습니다.

Chrome을 사용하여 저속 연결 시뮬레이션 시스템에 Chrome이 설치되어 있지 않은 경우 계속 설치하십시오. 그런 다음 새 탭을 열고 CTRL + SHIFT + I을 눌러 개발자 도구 창을 열거 나 햄버거 아이콘, 기타 도구 및 개발자 도구를 차례로 클릭하십시오.

그러면 화면 오른쪽에 도킹되어있는 개발자 도구 창이 나타납니다. 더 많은 데이터를 볼 수 있기 때문에 화면 하단에 도킹하는 것이 좋습니다. 이렇게하려면 세 개의 수직 점을 클릭 한 다음 중간 도크 위치를 클릭하십시오.

이제 네트워크 탭을 클릭하십시오. 오른쪽에는 No Throttling이라는 레이블이 표시됩니다.

이를 클릭하면 느린 연결을 시뮬레이션하는 데 사용할 수있는 사전 구성된 속도의 드롭 다운 목록이 표시됩니다.

선택 범위는 오프라인에서 WiFi까지이며 숫자는 대기 시간, 다운로드, 업로드로 표시됩니다. 가장 느린 것은 GPRS 다음에 Regular 2G, Good 2G, Regular 3G, Good 3G, Regular 4G, DSL 및 WiFi 순입니다. 옵션 중 하나를 선택한 다음 현재 페이지를 다시로드하거나 주소 표시 줄에 다른 URL을 입력하십시오. 개발자 도구가 표시되는 동일한 탭에 있는지 확인하십시오. 조절 기능은 활성화 한 탭에서만 작동합니다.

고유 한 값을 사용하려면 사용자 정의 아래에있는 추가 단추를 클릭하십시오. 새 프로파일을 추가하려면 사용자 정의 프로파일 추가 버튼을 클릭하십시오.

GPRS를 사용할 때로드하는 데 16 초가 걸리는 www.google.com! 전반적으로이 도구는 Chrome에 내장되어있어 느린 연결에서 웹 사이트로드 시간을 테스트하는 데 사용할 수있는 훌륭한 도구입니다. 궁금한 점이 있으면 언제든지 의견을 말하십시오. 즐겨!

Speedlimit 라는 무료 응용 프로그램을 사용하여 Mac 에서 다양한 순 속도를 에뮬레이션 할 수 있습니다

제한 속도 설명 :

SpeedLimit은 Leopard 기본 설정 창으로 네트워크 대역폭을 768k DSL, Edge, 3G 및 Dialup과 같은 두 가지 속도 중 하나로 제한합니다. 이것은 iPhone Simulator의 일반적인 Edge 네트워크 조건에서 iPhone 앱을 테스트하는 데 정말 편리합니다.

빠르고 더러운 해결책은 큰 파일 을 업로드 하여 아웃 바운드 대역폭을 막으려 고 시도하는 것입니다. 이렇게하면 인바운드 연결 속도가 느려지고 인바운드 대역폭을 비슷하게 막는 것보다 쉽습니다.

라우터 방법 (QoS)

가장 쉬운 방법 중 하나는 실제로 라우터 대시 보드에 로그인하여 QoS 고급 설정을 조정하는 것 입니다. 그러나 ... 구식의 ISP 제공 또는 저렴한 라우터에는 일반적으로 대역폭을 조절할 수있는 고급 QoS 기능이 없습니다.

저렴한 또는 ISP 제공 라우터를 사용하는 대다수의 사용자 인 경우 전체 QoS 기능의 잠금을 해제 할뿐 아니라 많은 라우터의 잠재력을 최대한 발휘할 수있는 오픈 소스 프로젝트에서 지원하는 라우터를 보유 할만큼 운이 좋을 수 있습니다 고급 기능은 고급 Cisco 라우터에서만 제공됩니다.

일부 오픈 소스 라우터 펌웨어 프로젝트에는 다음이 포함됩니다.

• DD-WRT
• 개방형 WRT
• HyperWRT
• HyperWRT + 두부
• 토마토
• 토마토 USB
• 제로 쉘
• DebWRT
• 리브레 CMC
• 석상
• 타리 파
• 컴 모션 무선

node.js 및 browser-sync를 사용하여 localhost의 로컬 웹 서버에서 느린 연결을 시뮬레이션 할 수 있습니다 .

1. node.js 설치

2. node.js 명령 프롬프트에서이 명령을 실행하십시오. npm install -g browser-sync

3. node.js 명령 프롬프트에서이 명령을 실행하십시오. browser-sync start --server

   

4. 웹 브라우저에서 http : // localhost : 3001 / 을 연 다음 "Network Throttle"링크를 클릭하여 선택한 속도 및 포트로 서버를 만듭니다.

   

빠른 홈 연결 대신 휴대폰을 사용하여 연결하십시오. 비디오 스트리밍으로 여러 브라우저 탭을 열어 연결 속도를 더욱 늦 춥니 다.