Download - [F5]deview 2012 nspeed
![Page 1: [F5]deview 2012 nspeed](https://reader033.vdocuments.site/reader033/viewer/2022051210/54b4bd664a79592a668b45d5/html5/thumbnails/1.jpg)
![Page 2: [F5]deview 2012 nspeed](https://reader033.vdocuments.site/reader033/viewer/2022051210/54b4bd664a79592a668b45d5/html5/thumbnails/2.jpg)
전반부 : F/E 속도측정 방법론
발표자 : 경규성 대리
Naver QA
F/E Performance engineer
NSPEED 담당
후반부 : NSPEED 이야기
발표자 : 강동민 대리
F/E Performance engineer
NSPEED 담당
성능엔지니어링랩 @NHN
All about performance, 성능 고도화
Guide, Methodology, Measuring, Profiling, Tuning..
![Page 3: [F5]deview 2012 nspeed](https://reader033.vdocuments.site/reader033/viewer/2022051210/54b4bd664a79592a668b45d5/html5/thumbnails/3.jpg)
![Page 4: [F5]deview 2012 nspeed](https://reader033.vdocuments.site/reader033/viewer/2022051210/54b4bd664a79592a668b45d5/html5/thumbnails/4.jpg)
측정����������� ������������������ 결과,����������� ������������������ 신뢰할����������� ������������������ 수����������� ������������������ 있을까요?����������� ������������������
![Page 5: [F5]deview 2012 nspeed](https://reader033.vdocuments.site/reader033/viewer/2022051210/54b4bd664a79592a668b45d5/html5/thumbnails/5.jpg)
![Page 6: [F5]deview 2012 nspeed](https://reader033.vdocuments.site/reader033/viewer/2022051210/54b4bd664a79592a668b45d5/html5/thumbnails/6.jpg)
Back����������� ������������������ End����������� ������������������ Front����������� ������������������ End����������� ������������������
How Fast ? Why Slow ?
Performance����������� ������������������ Test
![Page 7: [F5]deview 2012 nspeed](https://reader033.vdocuments.site/reader033/viewer/2022051210/54b4bd664a79592a668b45d5/html5/thumbnails/7.jpg)
Synthetic����������� ������������������ ����������� ������������������ Measurement����������� ������������������ ����������� ������������������ ����������� ������������������
Real����������� ������������������ User����������� ������������������ ����������� ������������������ Monitoring����������� ������������������
How Fast ?
![Page 8: [F5]deview 2012 nspeed](https://reader033.vdocuments.site/reader033/viewer/2022051210/54b4bd664a79592a668b45d5/html5/thumbnails/8.jpg)
Real����������� ������������������ User����������� ������������������ Monitoring����������� ������������������
사용자 접근과 동시에 속도 측정되고, 그 결과는 즉시 수집 서버로 전송됩니다.
![Page 9: [F5]deview 2012 nspeed](https://reader033.vdocuments.site/reader033/viewer/2022051210/54b4bd664a79592a668b45d5/html5/thumbnails/9.jpg)
Example - Google Analytics
![Page 10: [F5]deview 2012 nspeed](https://reader033.vdocuments.site/reader033/viewer/2022051210/54b4bd664a79592a668b45d5/html5/thumbnails/10.jpg)
와~����������� ������������������ RUM으로����������� ������������������ 측정하고����������� ������������������ 오픈����������� ������������������ 하면����������� ������������������ 되겠다~����������� ������������������
![Page 11: [F5]deview 2012 nspeed](https://reader033.vdocuments.site/reader033/viewer/2022051210/54b4bd664a79592a668b45d5/html5/thumbnails/11.jpg)
• ����������� ������������������ 서비스����������� ������������������ 페이지에����������� ������������������ 측정����������� ������������������ 코드����������� ������������������ 삽입����������� ������������������ à����������� ������������������ 자사/자신의����������� ������������������ 서비스만����������� ������������������ 측정����������� ������������������ 가능����������� ������������������ ����������� ������������������
• ����������� ������������������ 측정����������� ������������������ 가능한����������� ������������������ 지표가����������� ������������������ 적다����������� ������������������ à����������� ������������������ 속도����������� ������������������ 측정만����������� ������������������ 가능,����������� ������������������ 느린����������� ������������������ 원인����������� ������������������ 알����������� ������������������ 수����������� ������������������ 없음����������� ������������������
• ����������� ������������������ 오픈����������� ������������������ 후����������� ������������������ 측정����������� ������������������ 가능����������� ������������������ à����������� ������������������ 오픈����������� ������������������ 전����������� ������������������ 성능����������� ������������������ 측정이����������� ������������������ 곤란함����������� ������������������
Real����������� ������������������ User����������� ������������������ Monitoring����������� ������������������
꼭����������� ������������������ 그렇지만은����������� ������������������ 않습니다����������� ������������������
![Page 12: [F5]deview 2012 nspeed](https://reader033.vdocuments.site/reader033/viewer/2022051210/54b4bd664a79592a668b45d5/html5/thumbnails/12.jpg)
수����������� ������������������ 천만의����������� ������������������ 사용자����������� ������������������ 환경을����������� ������������������ 대표할����������� ������������������ 몇����������� ������������������ 개의����������� ������������������ 단말에서����������� ������������������ 측정����������� ������������������
VS����������� ������������������
Synthetic����������� ������������������ Measurement����������� ������������������
Real����������� ������������������ User����������� ������������������ Agent����������� ������������������
![Page 13: [F5]deview 2012 nspeed](https://reader033.vdocuments.site/reader033/viewer/2022051210/54b4bd664a79592a668b45d5/html5/thumbnails/13.jpg)
Reliability����������� ������������������ Convenience����������� ������������������
Metric����������� ������������������
Timer����������� ������������������
Context����������� ������������������
Correction����������� ������������������
Automation����������� ������������������
Reporting����������� ������������������
Synthetic����������� ������������������ Measurement����������� ������������������ –����������� ������������������ 간단하지����������� ������������������ 않아요����������� ������������������ ����������� ������������������
![Page 14: [F5]deview 2012 nspeed](https://reader033.vdocuments.site/reader033/viewer/2022051210/54b4bd664a79592a668b45d5/html5/thumbnails/14.jpg)
Metric����������� ������������������ –����������� ������������������ 얼마나����������� ������������������ 빠른지����������� ������������������ 보는����������� ������������������ 지표����������� ������������������
����������� ������������������ TTFB����������� ������������������ =����������� ������������������ Time����������� ������������������ To����������� ������������������ First����������� ������������������ Byte����������� ������������������ ����������� ������������������ TTFR����������� ������������������ =����������� ������������������ Time����������� ������������������ To����������� ������������������ First����������� ������������������ Render����������� ������������������ (=Render����������� ������������������ Start)����������� ������������������
����������� ������������������ OLT����������� ������������������ =����������� ������������������ On����������� ������������������ Load����������� ������������������ Time����������� ������������������ ����������� ������������������ FLT����������� ������������������ =����������� ������������������ Fully����������� ������������������ Loaded����������� ������������������ Time,����������� ������������������ Full����������� ������������������ Load����������� ������������������ Time����������� ������������������
����������� ������������������ AFT����������� ������������������ =����������� ������������������ Above����������� ������������������ the����������� ������������������ Fold����������� ������������������ Time����������� ������������������ ����������� ������������������
![Page 15: [F5]deview 2012 nspeed](https://reader033.vdocuments.site/reader033/viewer/2022051210/54b4bd664a79592a668b45d5/html5/thumbnails/15.jpg)
⋮����������� ������������������
TTFB����������� ������������������
TTFR����������� ������������������
OLT����������� ������������������
FLT����������� ������������������
AFT����������� ������������������
…⋯����������� ������������������
0.5s 0.6s 1.3s 1.4s
Metric����������� ������������������ –����������� ������������������ 얼마나����������� ������������������ 빠른지����������� ������������������ 보는����������� ������������������ 지표����������� ������������������
![Page 16: [F5]deview 2012 nspeed](https://reader033.vdocuments.site/reader033/viewer/2022051210/54b4bd664a79592a668b45d5/html5/thumbnails/16.jpg)
����������� ������������������ Network����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ network����������� ������������������ shaping����������� ������������������ (latency,����������� ������������������ b/w..)����������� ������������������
����������� ������������������ Device����������� ������������������ /����������� ������������������ OS����������� ������������������ /����������� ������������������ Browser����������� ������������������ ����������� ������������������ 점유율,����������� ������������������ 공존성����������� ������������������
����������� ������������������ Cache����������� ������������������ ����������� ������������������ file,����������� ������������������ memory,����������� ������������������ local����������� ������������������ storage����������� ������������������ ����������� ������������������ empty����������� ������������������ /����������� ������������������ primed����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������
Context����������� ������������������ –����������� ������������������ 측정����������� ������������������ 결과에����������� ������������������ 영향을����������� ������������������ 주는����������� ������������������ 요소����������� ������������������
![Page 17: [F5]deview 2012 nspeed](https://reader033.vdocuments.site/reader033/viewer/2022051210/54b4bd664a79592a668b45d5/html5/thumbnails/17.jpg)
왜����������� ������������������ 반복����������� ������������������ 테스트����������� ������������������ 하는가,����������� ������������������ 얼마나����������� ������������������ 반복해야����������� ������������������ 하는가,����������� ������������������ 왜����������� ������������������ Median인가����������� ������������������
msec
측정 회차
OO����������� ������������������ 서비스����������� ������������������ 반복����������� ������������������ 측정����������� ������������������ 시����������� ������������������ 체감����������� ������������������ 속도����������� ������������������ 변화����������� ������������������
Correction����������� ������������������ –����������� ������������������ 제어����������� ������������������ 불가능한����������� ������������������ 정황은����������� ������������������ 보정����������� ������������������
![Page 18: [F5]deview 2012 nspeed](https://reader033.vdocuments.site/reader033/viewer/2022051210/54b4bd664a79592a668b45d5/html5/thumbnails/18.jpg)
Interface����������� ������������������
IP����������� ������������������
TCP/UDP����������� ������������������
sniff����������� ������������������
Network����������� ������������������ interface����������� ������������������ card����������� ������������������
network
kernel
user-space sniff����������� ������������������
Browser����������� ������������������
sniff����������� ������������������ Tap����������� ������������������
wired
wireless
AP����������� ������������������
sniff����������� ������������������ Browser����������� ������������������ Plugin����������� ������������������ sniff����������� ������������������ Javascript����������� ������������������
Navigation����������� ������������������ Timing����������� ������������������
HTTP����������� ������������������ Proxy����������� ������������������
Packet����������� ������������������ Sniffer����������� ������������������ (logical)����������� ������������������
Packet����������� ������������������ Sniffer����������� ������������������ (physical)����������� ������������������
Timer����������� ������������������ –����������� ������������������ 어떤����������� ������������������ 계측����������� ������������������ 방법이����������� ������������������ 정확한가����������� ������������������
![Page 19: [F5]deview 2012 nspeed](https://reader033.vdocuments.site/reader033/viewer/2022051210/54b4bd664a79592a668b45d5/html5/thumbnails/19.jpg)
Automation,����������� ������������������ Reporting����������� ������������������ ����������� ������������������
• ����������� ������������������ 반복/평균,����������� ������������������ 캐시/쿠키����������� ������������������ 제어,����������� ������������������ 로그인,����������� ������������������ 호스트����������� ������������������ 설정����������� ������������������ • ����������� ������������������ 결과����������� ������������������ 리포트����������� ������������������ 작성����������� ������������������ ����������� ������������������
à����������� ������������������ 손으로����������� ������������������ 하면����������� ������������������ 2~3일,����������� ������������������ 자동으로����������� ������������������ 하면����������� ������������������ 커피����������� ������������������ 한잔����������� ������������������
![Page 20: [F5]deview 2012 nspeed](https://reader033.vdocuments.site/reader033/viewer/2022051210/54b4bd664a79592a668b45d5/html5/thumbnails/20.jpg)
Example - WebPageTest
![Page 21: [F5]deview 2012 nspeed](https://reader033.vdocuments.site/reader033/viewer/2022051210/54b4bd664a79592a668b45d5/html5/thumbnails/21.jpg)
Synthetic����������� ������������������ 속도����������� ������������������ 측정����������� ������������������ 도구,����������� ������������������ 쓰려고����������� ������������������ 보니..����������� ������������������
• ����������� ������������������ 유료는����������� ������������������ 비싸고,����������� ������������������ 무료는����������� ������������������ 국내����������� ������������������ Agent����������� ������������������ X����������� ������������������ • ����������� ������������������ 국내����������� ������������������ 대표����������� ������������������ 정황을����������� ������������������ 반영����������� ������������������ X����������� ������������������ • ����������� ������������������ 오픈����������� ������������������ 소스/설치,����������� ������������������ Agent����������� ������������������ 구매����������� ������������������ 필요����������� ������������������
• ����������� ������������������ Mobile����������� ������������������ Agent����������� ������������������ 신뢰도����������� ������������������ 떨어짐����������� ������������������ • ����������� ������������������ URL단위����������� ������������������ UI로����������� ������������������ 불편한����������� ������������������ 입력,����������� ������������������ 결과����������� ������������������ 조회����������� ������������������
국내에서����������� ������������������ Synthetic����������� ������������������ 속도����������� ������������������ 측정����������� ������������������ 어렵다����������� ������������������
![Page 22: [F5]deview 2012 nspeed](https://reader033.vdocuments.site/reader033/viewer/2022051210/54b4bd664a79592a668b45d5/html5/thumbnails/22.jpg)
그래서����������� ������������������ 만들었습니다����������� ������������������
![Page 23: [F5]deview 2012 nspeed](https://reader033.vdocuments.site/reader033/viewer/2022051210/54b4bd664a79592a668b45d5/html5/thumbnails/23.jpg)
NSPEED����������� ������������������ NHN����������� ������������������ Front-End����������� ������������������ 성능����������� ������������������ 측정����������� ������������������ 도구����������� ������������������ 개발����������� ������������������ 프로젝트����������� ������������������
![Page 24: [F5]deview 2012 nspeed](https://reader033.vdocuments.site/reader033/viewer/2022051210/54b4bd664a79592a668b45d5/html5/thumbnails/24.jpg)
충분한����������� ������������������ 국내����������� ������������������ Agent����������� ������������������ 제공����������� ������������������ 더����������� ������������������ 이상����������� ������������������ 다른����������� ������������������ 나라에����������� ������������������ 있는����������� ������������������ Agent로����������� ������������������ 측정하지����������� ������������������ 않아도����������� ������������������ 됨����������� ������������������
국내����������� ������������������ 사용자����������� ������������������ 대표����������� ������������������ 정황����������� ������������������ 반영����������� ������������������ 국내����������� ������������������ 사용자����������� ������������������ Network����������� ������������������ 환경,����������� ������������������ Device사양,����������� ������������������ Browser����������� ������������������ 점유율����������� ������������������ 반영����������� ������������������ 몇����������� ������������������ 대의����������� ������������������ Agent로����������� ������������������ 한국����������� ������������������ 사용자����������� ������������������ 대표����������� ������������������ 환경����������� ������������������ 재현����������� ������������������
개발자에게����������� ������������������ 편한����������� ������������������ UI����������� ������������������ 프로젝트����������� ������������������ 단위로����������� ������������������ 속도����������� ������������������ 측정����������� ������������������ 관리����������� ������������������ 프로필����������� ������������������ 단위로����������� ������������������ 여러����������� ������������������ URL을����������� ������������������ 측정하고����������� ������������������ 결과를����������� ������������������ 열람/공유����������� ������������������
![Page 25: [F5]deview 2012 nspeed](https://reader033.vdocuments.site/reader033/viewer/2022051210/54b4bd664a79592a668b45d5/html5/thumbnails/25.jpg)
본격적인����������� ������������������ NSPEED����������� ������������������ 이야기가����������� ������������������ 이어집니다����������� ������������������
![Page 26: [F5]deview 2012 nspeed](https://reader033.vdocuments.site/reader033/viewer/2022051210/54b4bd664a79592a668b45d5/html5/thumbnails/26.jpg)
![Page 27: [F5]deview 2012 nspeed](https://reader033.vdocuments.site/reader033/viewer/2022051210/54b4bd664a79592a668b45d5/html5/thumbnails/27.jpg)
NSPEED����������� ������������������ 이야기����������� ������������������
![Page 28: [F5]deview 2012 nspeed](https://reader033.vdocuments.site/reader033/viewer/2022051210/54b4bd664a79592a668b45d5/html5/thumbnails/28.jpg)
그런데…⋯����������� ������������������ Nspeed가����������� ������������������ 뭐지?����������� ������������������
![Page 29: [F5]deview 2012 nspeed](https://reader033.vdocuments.site/reader033/viewer/2022051210/54b4bd664a79592a668b45d5/html5/thumbnails/29.jpg)
![Page 30: [F5]deview 2012 nspeed](https://reader033.vdocuments.site/reader033/viewer/2022051210/54b4bd664a79592a668b45d5/html5/thumbnails/30.jpg)
![Page 31: [F5]deview 2012 nspeed](https://reader033.vdocuments.site/reader033/viewer/2022051210/54b4bd664a79592a668b45d5/html5/thumbnails/31.jpg)
![Page 32: [F5]deview 2012 nspeed](https://reader033.vdocuments.site/reader033/viewer/2022051210/54b4bd664a79592a668b45d5/html5/thumbnails/32.jpg)
![Page 33: [F5]deview 2012 nspeed](https://reader033.vdocuments.site/reader033/viewer/2022051210/54b4bd664a79592a668b45d5/html5/thumbnails/33.jpg)
![Page 34: [F5]deview 2012 nspeed](https://reader033.vdocuments.site/reader033/viewer/2022051210/54b4bd664a79592a668b45d5/html5/thumbnails/34.jpg)
네이버����������� ������������������ 전체����������� ������������������ 서비스의����������� ������������������ OLT(2011년����������� ������������������ 8월)����������� ������������������
:����������� ������������������ RUM으로����������� ������������������ 얻은����������� ������������������ OLT����������� ������������������ 평균값����������� ������������������
:����������� ������������������ 툴에서����������� ������������������ 측정한����������� ������������������ OLT����������� ������������������ 값����������� ������������������
![Page 35: [F5]deview 2012 nspeed](https://reader033.vdocuments.site/reader033/viewer/2022051210/54b4bd664a79592a668b45d5/html5/thumbnails/35.jpg)
Nspeed����������� ������������������ 실제����������� ������������������ 모습은����������� ������������������ 이렇게����������� ������������������ 생겼습니다.����������� ������������������
![Page 36: [F5]deview 2012 nspeed](https://reader033.vdocuments.site/reader033/viewer/2022051210/54b4bd664a79592a668b45d5/html5/thumbnails/36.jpg)
Nspeed의����������� ������������������ PC����������� ������������������ Agents����������� ������������������
P4_XP_IE7����������� ������������������
P4_XP_IE8����������� ������������������
i5_XP_IE8����������� ������������������
i5_Win7_IE9����������� ������������������
i5_Win7_IE8����������� ������������������
![Page 37: [F5]deview 2012 nspeed](https://reader033.vdocuments.site/reader033/viewer/2022051210/54b4bd664a79592a668b45d5/html5/thumbnails/37.jpg)
Nspeed의����������� ������������������ Mobile����������� ������������������ Agents����������� ������������������
![Page 38: [F5]deview 2012 nspeed](https://reader033.vdocuments.site/reader033/viewer/2022051210/54b4bd664a79592a668b45d5/html5/thumbnails/38.jpg)
Nspeed의����������� ������������������ Mobile����������� ������������������ Agents����������� ������������������
![Page 39: [F5]deview 2012 nspeed](https://reader033.vdocuments.site/reader033/viewer/2022051210/54b4bd664a79592a668b45d5/html5/thumbnails/39.jpg)
어떻게����������� ������������������ 만들어진����������� ������������������ 것인가?����������� ������������������
![Page 40: [F5]deview 2012 nspeed](https://reader033.vdocuments.site/reader033/viewer/2022051210/54b4bd664a79592a668b45d5/html5/thumbnails/40.jpg)
PC용����������� ������������������ Agents!!!����������� ������������������
![Page 41: [F5]deview 2012 nspeed](https://reader033.vdocuments.site/reader033/viewer/2022051210/54b4bd664a79592a668b45d5/html5/thumbnails/41.jpg)
����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������
NSPEED����������� ������������������ Server����������� ������������������
����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������
캐시����������� ������������������ 통제(Plug-in)����������� ������������������
URL����������� ������������������ Blast����������� ������������������
패킷����������� ������������������ 캡쳐(WinPcap)����������� ������������������
네트워크����������� ������������������ 에뮬레이터����������� ������������������ (dummy����������� ������������������ net)����������� ������������������
Web����������� ������������������ Browser����������� ������������������
![Page 42: [F5]deview 2012 nspeed](https://reader033.vdocuments.site/reader033/viewer/2022051210/54b4bd664a79592a668b45d5/html5/thumbnails/42.jpg)
����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������
NSPEED����������� ������������������ Server����������� ������������������
����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������
캐시����������� ������������������ 통제(Plug-in)����������� ������������������
URL����������� ������������������ Blast����������� ������������������
패킷����������� ������������������ 캡쳐(WinPcap)����������� ������������������
네트워크����������� ������������������ 에뮬레이터����������� ������������������ (dummy����������� ������������������ net)����������� ������������������
Web����������� ������������������ Browser����������� ������������������
![Page 43: [F5]deview 2012 nspeed](https://reader033.vdocuments.site/reader033/viewer/2022051210/54b4bd664a79592a668b45d5/html5/thumbnails/43.jpg)
����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������
NSPEED����������� ������������������ Server����������� ������������������
����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������
캐시����������� ������������������ 통제(Plug-in)����������� ������������������
URL����������� ������������������ Blast����������� ������������������
패킷����������� ������������������ 캡쳐(WinPcap)����������� ������������������
네트워크����������� ������������������ 에뮬레이터����������� ������������������ (dummy����������� ������������������ net)����������� ������������������
Web����������� ������������������ Browser����������� ������������������
![Page 44: [F5]deview 2012 nspeed](https://reader033.vdocuments.site/reader033/viewer/2022051210/54b4bd664a79592a668b45d5/html5/thumbnails/44.jpg)
����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������
NSPEED����������� ������������������ Server����������� ������������������
����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������
캐시����������� ������������������ 통제(Plug-in)����������� ������������������
URL����������� ������������������ Blast����������� ������������������
패킷����������� ������������������ 캡쳐(WinPcap)����������� ������������������
네트워크����������� ������������������ 에뮬레이터����������� ������������������ (dummy����������� ������������������ net)����������� ������������������
Web����������� ������������������ Browser����������� ������������������
![Page 45: [F5]deview 2012 nspeed](https://reader033.vdocuments.site/reader033/viewer/2022051210/54b4bd664a79592a668b45d5/html5/thumbnails/45.jpg)
����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������
NSPEED����������� ������������������ Server����������� ������������������
����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������
캐시����������� ������������������ 통제(Plug-in)����������� ������������������
URL����������� ������������������ Blast����������� ������������������
패킷����������� ������������������ 캡쳐(WinPcap)����������� ������������������
네트워크����������� ������������������ 에뮬레이터����������� ������������������ (dummy����������� ������������������ net)����������� ������������������
Web����������� ������������������ Browser����������� ������������������
![Page 46: [F5]deview 2012 nspeed](https://reader033.vdocuments.site/reader033/viewer/2022051210/54b4bd664a79592a668b45d5/html5/thumbnails/46.jpg)
����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������
NSPEED����������� ������������������ Server����������� ������������������
����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������
캐시����������� ������������������ 통제(Plug-in)����������� ������������������
URL����������� ������������������ Blast����������� ������������������
패킷����������� ������������������ 캡쳐(WinPcap)����������� ������������������
네트워크����������� ������������������ 에뮬레이터����������� ������������������ (dummy����������� ������������������ net)����������� ������������������
Web����������� ������������������ Browser����������� ������������������
![Page 47: [F5]deview 2012 nspeed](https://reader033.vdocuments.site/reader033/viewer/2022051210/54b4bd664a79592a668b45d5/html5/thumbnails/47.jpg)
Mobile용����������� ������������������ Agents!!!����������� ������������������
![Page 48: [F5]deview 2012 nspeed](https://reader033.vdocuments.site/reader033/viewer/2022051210/54b4bd664a79592a668b45d5/html5/thumbnails/48.jpg)
그까이꺼����������� ������������������ 뭐����������� ������������������ 대충~����������� ������������������ Webview를����������� ������������������ 사용한����������� ������������������ 측정용����������� ������������������ App을����������� ������������������ ����������� ������������������
개발해서����������� ������������������ 측정하면����������� ������������������ 되는����������� ������������������ 거����������� ������������������ 아닌가?����������� ������������������
![Page 49: [F5]deview 2012 nspeed](https://reader033.vdocuments.site/reader033/viewer/2022051210/54b4bd664a79592a668b45d5/html5/thumbnails/49.jpg)
-����������� ������������������ (void)removeAllCachedResponses;����������� ������������������ -����������� ������������������ (void)loadRequest:(NSURLRequest����������� ������������������ *)request;����������� ������������������ -����������� ������������������ (void)webViewDidFinishLoad:(UIWebView����������� ������������������ *)webView;����������� ������������������ -����������� ������������������ (void)webViewDidStartLoad:(UIWebView����������� ������������������ *)webView;����������� ������������������
(void)clearCache(boolean����������� ������������������ includeDiskFiles);����������� ������������������ (void)loadUrl(String����������� ������������������ url);����������� ������������������ (void)onPageStarted(WebView����������� ������������������ view,����������� ������������������ String����������� ������������������ url,����������� ������������������ Bitmap����������� ������������������ favicon);����������� ������������������ (void)onPageFinished(WebView����������� ������������������ view,����������� ������������������ String����������� ������������������ url);����������� ������������������
Android����������� ������������������
iOS����������� ������������������
![Page 50: [F5]deview 2012 nspeed](https://reader033.vdocuments.site/reader033/viewer/2022051210/54b4bd664a79592a668b45d5/html5/thumbnails/50.jpg)
그러나…⋯����������� ������������������
![Page 51: [F5]deview 2012 nspeed](https://reader033.vdocuments.site/reader033/viewer/2022051210/54b4bd664a79592a668b45d5/html5/thumbnails/51.jpg)
출처����������� ������������������ :����������� ������������������ 2011년����������� ������������������ 4월����������� ������������������ Nspeed����������� ������������������ Agent����������� ������������������ 신뢰성����������� ������������������ 검증����������� ������������������ 데이터(Android는����������� ������������������ Froyo,����������� ������������������ iOS는����������� ������������������ 4.2)����������� ������������������
WebView����������� ������������������
Native����������� ������������������ Browser����������� ������������������
![Page 52: [F5]deview 2012 nspeed](https://reader033.vdocuments.site/reader033/viewer/2022051210/54b4bd664a79592a668b45d5/html5/thumbnails/52.jpg)
����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������
����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������
Galaxy����������� ������������������ S(Froyo)����������� ������������������ iPhone4(iOS����������� ������������������ 4.2)����������� ������������������
180����������� ������������������ 100����������� ������������������ 200����������� ������������������ 95����������� ������������������ 100����������� ������������������ 104����������� ������������������
출처����������� ������������������ :����������� ������������������ 2011년����������� ������������������ 4월����������� ������������������ Nspeed����������� ������������������ Agent����������� ������������������ 신뢰성����������� ������������������ 검증����������� ������������������ 데이터����������� ������������������
����������� ������������������ webview����������� ������������������ 성능����������� ������������������ ≠����������� ������������������ Native����������� ������������������ Browser����������� ������������������ 성능����������� ������������������ ����������� ������������������
Native����������� ������������������ Browser����������� ������������������ OLT����������� ������������������ WebView����������� ������������������ OLT����������� ������������������ WebView����������� ������������������ API����������� ������������������
![Page 53: [F5]deview 2012 nspeed](https://reader033.vdocuments.site/reader033/viewer/2022051210/54b4bd664a79592a668b45d5/html5/thumbnails/53.jpg)
Webview����������� ������������������ 버젼����������� ������������������
![Page 54: [F5]deview 2012 nspeed](https://reader033.vdocuments.site/reader033/viewer/2022051210/54b4bd664a79592a668b45d5/html5/thumbnails/54.jpg)
![Page 55: [F5]deview 2012 nspeed](https://reader033.vdocuments.site/reader033/viewer/2022051210/54b4bd664a79592a668b45d5/html5/thumbnails/55.jpg)
JavaScript와����������� ������������������ iframe을����������� ������������������ 사용해서����������� ������������������ Native����������� ������������������ Browser����������� ������������������ 위에서����������� ������������������ ����������� ������������������ 바로����������� ������������������ 측정하면����������� ������������������ 되지����������� ������������������ 않나?����������� ������������������
![Page 56: [F5]deview 2012 nspeed](https://reader033.vdocuments.site/reader033/viewer/2022051210/54b4bd664a79592a668b45d5/html5/thumbnails/56.jpg)
����������� ������������������ <iframe����������� ������������������ id="nspeed_web_inner“/>����������� ������������������
<script����������� ������������������ type=“text/javascript”>����������� ������������������ //onload����������� ������������������ 이벤트핸들러에서����������� ������������������ 로딩시간을����������� ������������������ AJAX로����������� ������������������ 전송����������� ������������������ nspeed_web_inner.contentWindow.onload����������� ������������������ =����������� ������������������ function()����������� ������������������ {����������� ������������������ ����������� ������������������ ����������� ������������������ var����������� ������������������ olt����������� ������������������ =����������� ������������������ new����������� ������������������ Date().getTime()����������� ������������������ -����������� ������������������ t_start;����������� ������������������ ����������� ������������������ ����������� ������������������ //olt값����������� ������������������ AJAX로����������� ������������������ 수집서버����������� ������������������ 전송����������� ������������������ }����������� ������������������ var����������� ������������������ t_start����������� ������������������ =����������� ������������������ new����������� ������������������ Date().getTime();����������� ������������������ nspeed_web_inner.location.href����������� ������������������ =����������� ������������������ url;����������� ������������������ </script>����������� ������������������
HTML����������� ������������������
iframe����������� ������������������
![Page 57: [F5]deview 2012 nspeed](https://reader033.vdocuments.site/reader033/viewer/2022051210/54b4bd664a79592a668b45d5/html5/thumbnails/57.jpg)
����������� ������������������ <iframe����������� ������������������ id="nspeed_web_inner“/>����������� ������������������
<script����������� ������������������ type=“text/javascript”>����������� ������������������ //onload����������� ������������������ 이벤트핸들러에서����������� ������������������ 로딩시간을����������� ������������������ AJAX로����������� ������������������ 전송����������� ������������������ nspeed_web_inner.contentWindow.onload����������� ������������������ =����������� ������������������ function()����������� ������������������ {����������� ������������������ ����������� ������������������ ����������� ������������������ var����������� ������������������ olt����������� ������������������ =����������� ������������������ new����������� ������������������ Date().getTime()����������� ������������������ -����������� ������������������ t_start;����������� ������������������ ����������� ������������������ ����������� ������������������ //olt값����������� ������������������ AJAX로����������� ������������������ 수집서버����������� ������������������ 전송����������� ������������������ }����������� ������������������ var����������� ������������������ t_start����������� ������������������ =����������� ������������������ new����������� ������������������ Date().getTime();����������� ������������������ nspeed_web_inner.location.href����������� ������������������ =����������� ������������������ url;����������� ������������������ </script>����������� ������������������
HTML����������� ������������������
iframe����������� ������������������
![Page 58: [F5]deview 2012 nspeed](https://reader033.vdocuments.site/reader033/viewer/2022051210/54b4bd664a79592a668b45d5/html5/thumbnails/58.jpg)
그러나…⋯����������� ������������������
![Page 59: [F5]deview 2012 nspeed](https://reader033.vdocuments.site/reader033/viewer/2022051210/54b4bd664a79592a668b45d5/html5/thumbnails/59.jpg)
iframe����������� ������������������ 사용시����������� ������������������ 원����������� ������������������ 본����������� ������������������
![Page 60: [F5]deview 2012 nspeed](https://reader033.vdocuments.site/reader033/viewer/2022051210/54b4bd664a79592a668b45d5/html5/thumbnails/60.jpg)
iframe����������� ������������������ 버젼����������� ������������������
![Page 61: [F5]deview 2012 nspeed](https://reader033.vdocuments.site/reader033/viewer/2022051210/54b4bd664a79592a668b45d5/html5/thumbnails/61.jpg)
![Page 62: [F5]deview 2012 nspeed](https://reader033.vdocuments.site/reader033/viewer/2022051210/54b4bd664a79592a668b45d5/html5/thumbnails/62.jpg)
안되겠다…⋯����������� ������������������ ����������� ������������������ App에서����������� ������������������ 기본����������� ������������������ 브라우저를����������� ������������������ 띄워서����������� ������������������ 측정하자.����������� ������������������
![Page 63: [F5]deview 2012 nspeed](https://reader033.vdocuments.site/reader033/viewer/2022051210/54b4bd664a79592a668b45d5/html5/thumbnails/63.jpg)
Intent����������� ������������������ browser����������� ������������������ =����������� ������������������ new����������� ������������������ Intent(Intent.ACTION_VIEW,����������� ������������������ Uri.parse("http://m.naver.com"));����������� ������������������ startActivity(browser);����������� ������������������
kill����������� ������������������ `pgrep����������� ������������������ com.android.browser`����������� ������������������
![Page 64: [F5]deview 2012 nspeed](https://reader033.vdocuments.site/reader033/viewer/2022051210/54b4bd664a79592a668b45d5/html5/thumbnails/64.jpg)
그러나…⋯����������� ������������������ ����������� ������������������
![Page 65: [F5]deview 2012 nspeed](https://reader033.vdocuments.site/reader033/viewer/2022051210/54b4bd664a79592a668b45d5/html5/thumbnails/65.jpg)
1년����������� ������������������ 반����������� ������������������ 사이에…⋯����������� ������������������
출처����������� ������������������ :����������� ������������������ 2012년����������� ������������������ 8월����������� ������������������ 모바일����������� ������������������ OS별����������� ������������������ PV����������� ������������������ 점유율(NHN����������� ������������������ 사내����������� ������������������ 데이터)����������� ������������������
![Page 66: [F5]deview 2012 nspeed](https://reader033.vdocuments.site/reader033/viewer/2022051210/54b4bd664a79592a668b45d5/html5/thumbnails/66.jpg)
모바일����������� ������������������ 환경에서����������� ������������������ ����������� ������������������ Network����������� ������������������ Shaping은����������� ������������������ 어떻게����������� ������������������ 하지?����������� ������������������
HAR����������� ������������������ 로깅은����������� ������������������ 어떻게…⋯?����������� ������������������
![Page 67: [F5]deview 2012 nspeed](https://reader033.vdocuments.site/reader033/viewer/2022051210/54b4bd664a79592a668b45d5/html5/thumbnails/67.jpg)
유무선����������� ������������������ ����������� ������������������ 공유기����������� ������������������
인터넷����������� ������������������
Gateway����������� ������������������ (Nspeed����������� ������������������ EM)����������� ������������������
Hot����������� ������������������ Spot����������� ������������������ Zone����������� ������������������
• IPTABLES����������� ������������������ +����������� ������������������ TC����������� ������������������ • TCPDUMP����������� ������������������ +����������� ������������������ PCAP2HAR����������� ������������������
네트워크����������� ������������������ 환경����������� ������������������ 통제����������� ������������������
HAR����������� ������������������ 로깅����������� ������������������
![Page 68: [F5]deview 2012 nspeed](https://reader033.vdocuments.site/reader033/viewer/2022051210/54b4bd664a79592a668b45d5/html5/thumbnails/68.jpg)
이렇게����������� ������������������ 현재의����������� ������������������ nspeed����������� ������������������ 모습이����������� ������������������ 되었습니다.����������� ������������������
![Page 69: [F5]deview 2012 nspeed](https://reader033.vdocuments.site/reader033/viewer/2022051210/54b4bd664a79592a668b45d5/html5/thumbnails/69.jpg)
����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������
Native����������� ������������������ Browser����������� ������������������
Agent����������� ������������������ APP����������� ������������������
webview����������� ������������������
tcpdump����������� ������������������ +����������� ������������������ pcap2har����������� ������������������
iptables����������� ������������������ +����������� ������������������ tc����������� ������������������
Nspeed����������� ������������������ EM����������� ������������������
인터넷����������� ������������������
����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������
NSPEED����������� ������������������ Server����������� ������������������
����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������
캐시����������� ������������������ 통제(Plug-in)����������� ������������������
URL����������� ������������������ Blast����������� ������������������
패킷����������� ������������������ 캡쳐(WinPcap)����������� ������������������
네트워크����������� ������������������ 에뮬레이터����������� ������������������ (dummy����������� ������������������ net)����������� ������������������
Web����������� ������������������ Browser����������� ������������������
![Page 70: [F5]deview 2012 nspeed](https://reader033.vdocuments.site/reader033/viewer/2022051210/54b4bd664a79592a668b45d5/html5/thumbnails/70.jpg)
Demo����������� ������������������
![Page 71: [F5]deview 2012 nspeed](https://reader033.vdocuments.site/reader033/viewer/2022051210/54b4bd664a79592a668b45d5/html5/thumbnails/71.jpg)
– Navigation����������� ������������������ Timing����������� ������������������ 수집����������� ������������������ 기능����������� ������������������ 추가����������� ������������������ 예정.����������� ������������������ – 최근����������� ������������������ 네트워크����������� ������������������ 환경에����������� ������������������ 대한����������� ������������������ re-Calibration����������� ������������������ 예정.����������� ������������������ – 모바일����������� ������������������ 단말의����������� ������������������ AFT����������� ������������������ 측정����������� ������������������ 기능����������� ������������������ 추가����������� ������������������ 예정.����������� ������������������ – Agent����������� ������������������ 및����������� ������������������ 단말은����������� ������������������ 계속����������� ������������������ 추가����������� ������������������ 예정.����������� ������������������ – Open����������� ������������������ API����������� ������������������ 제공����������� ������������������ 예정.����������� ������������������
출처����������� ������������������ :����������� ������������������ http://en.wikipedia.org/wiki/File:Comingsoon.png����������� ������������������
The����������� ������������������ Future����������� ������������������
![Page 72: [F5]deview 2012 nspeed](https://reader033.vdocuments.site/reader033/viewer/2022051210/54b4bd664a79592a668b45d5/html5/thumbnails/72.jpg)
Nspeed����������� ������������������ is����������� ������������������ coming����������� ������������������ this����������� ������������������ year!!!����������� ������������������ Make����������� ������������������ it����������� ������������������ together.����������� ������������������
Speedy����������� ������������������ WWW����������� ������������������
![Page 73: [F5]deview 2012 nspeed](https://reader033.vdocuments.site/reader033/viewer/2022051210/54b4bd664a79592a668b45d5/html5/thumbnails/73.jpg)
![Page 74: [F5]deview 2012 nspeed](https://reader033.vdocuments.site/reader033/viewer/2022051210/54b4bd664a79592a668b45d5/html5/thumbnails/74.jpg)