it-gundan.com

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

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

74
Macha

FireFox Throttle 은 FireFox 확장 기능입니다. Sloppy 는 연결을 느리게하는 프록시이므로 브라우저에서 작동합니다.

소스

운영자 편집 2013-02-02

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

25
Adam

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

또한 비슷한 도구 인 Charles Web Debugging Proxy 도 좋아합니다. Charles는 연결 속도 조절도 가능합니다. Charles는 상용 소프트웨어이지만 무료 평가판이 있습니다. Charles의 가장 마음에 드는 점은 cross-platform : Java 기반이기 때문에 Windows, Mac OS X 및 Linux에서 실행할 수 있다는 것입니다. (당신은 당신이 어느 플랫폼에 있는지 언급하지 않았지만 아마도 그 중 하나 일 것입니다 :-)

23
Chris W. Rea

Chrome에서 개발자 도구를 열고 장치 아이콘 (1)을 클릭 한 다음 연결 제한 (2)을 선택할 수 있습니다.

enter image description here

편집 (2015-11-03)

Chrome 45 ​​부근에서 실제로 조금 더 쉬워졌습니다. 더 이상 장치 모드에 있지 않아도됩니다.

enter image description here

22
Rafael Eyng

http://www.webpagetest.org/test 를 시도하십시오. 전 세계 모든 원격 서버에서 테스트를 실행하고 해당 위치에서 얼마나 빨리 페이지를로드하는지 확인할 수 있습니다. 또한 대부분의 위치에서 전화 접속 속도 또는 기타 느린 속도를 사용할 수도 있습니다.

20
Ben Hoffman

Deelay.me를 사용하여 특정 리소스를 느리게 할 수 있습니다.

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

Deelay.me 는 웹 리소스에 대한 지연 프록시입니다. 이미지/스타일 시트/스크립트와 함께 사용하여로드 시간을 늘릴 수 있습니다.

8
biesiad

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

3
man

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

enter image description here

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

enter image description here

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

enter image description here

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

enter image description here

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

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

enter image description here

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

3
Arbaz Alam

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

속도 제한 설명 :

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

2
matinfo

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

1
Cebjyre

라우터 방법 (QoS)

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

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

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

1
Simon Hayter

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

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

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

    enter image description here

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

    enter image description here

1
Setyo N

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

0
user1565578