74

[F5]deview 2012 nspeed

Embed Size (px)

DESCRIPTION

 

Citation preview

Page 1: [F5]deview 2012 nspeed
Page 2: [F5]deview 2012 nspeed

전반부 : 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
Page 4: [F5]deview 2012 nspeed

측정����������� ������������������  결과,����������� ������������������  신뢰할����������� ������������������  수����������� ������������������  있을까요?����������� ������������������  

Page 5: [F5]deview 2012 nspeed
Page 6: [F5]deview 2012 nspeed

Back����������� ������������������  End����������� ������������������   Front����������� ������������������  End����������� ������������������  

How Fast ? Why Slow ?

Performance����������� ������������������  Test

Page 7: [F5]deview 2012 nspeed

Synthetic����������� ������������������  ����������� ������������������  Measurement����������� ������������������  ����������� ������������������  ����������� ������������������  

Real����������� ������������������  User����������� ������������������  ����������� ������������������  Monitoring����������� ������������������  

How Fast ?

Page 8: [F5]deview 2012 nspeed

Real����������� ������������������  User����������� ������������������  Monitoring����������� ������������������  

사용자 접근과 동시에 속도 측정되고, 그 결과는 즉시 수집 서버로 전송됩니다.

Page 9: [F5]deview 2012 nspeed

Example - Google Analytics

Page 10: [F5]deview 2012 nspeed

와~����������� ������������������  RUM으로����������� ������������������  측정하고����������� ������������������  오픈����������� ������������������  하면����������� ������������������  되겠다~����������� ������������������  

Page 11: [F5]deview 2012 nspeed

• ����������� ������������������  서비스����������� ������������������  페이지에����������� ������������������  측정����������� ������������������  코드����������� ������������������  삽입����������� ������������������  à����������� ������������������  자사/자신의����������� ������������������  서비스만����������� ������������������  측정����������� ������������������  가능����������� ������������������  ����������� ������������������  

• ����������� ������������������  측정����������� ������������������  가능한����������� ������������������  지표가����������� ������������������  적다����������� ������������������  à����������� ������������������  속도����������� ������������������  측정만����������� ������������������  가능,����������� ������������������  느린����������� ������������������  원인����������� ������������������  알����������� ������������������  수����������� ������������������  없음����������� ������������������  

• ����������� ������������������  오픈����������� ������������������  후����������� ������������������  측정����������� ������������������  가능����������� ������������������  à����������� ������������������  오픈����������� ������������������  전����������� ������������������  성능����������� ������������������  측정이����������� ������������������  곤란함����������� ������������������  

Real����������� ������������������  User����������� ������������������  Monitoring����������� ������������������  

꼭����������� ������������������  그렇지만은����������� ������������������  않습니다����������� ������������������  

Page 12: [F5]deview 2012 nspeed

수����������� ������������������  천만의����������� ������������������  사용자����������� ������������������  환경을����������� ������������������  대표할����������� ������������������  몇����������� ������������������  개의����������� ������������������  단말에서����������� ������������������  측정����������� ������������������  

VS����������� ������������������  

Synthetic����������� ������������������  Measurement����������� ������������������  

Real����������� ������������������  User����������� ������������������   Agent����������� ������������������  

Page 13: [F5]deview 2012 nspeed

Reliability����������� ������������������   Convenience����������� ������������������  

Metric����������� ������������������  

Timer����������� ������������������  

Context����������� ������������������  

Correction����������� ������������������  

Automation����������� ������������������  

Reporting����������� ������������������  

Synthetic����������� ������������������  Measurement����������� ������������������  ­–����������� ������������������  간단하지����������� ������������������  않아요����������� ������������������  ����������� ������������������  

Page 14: [F5]deview 2012 nspeed

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

⋮����������� ������������������  

TTFB����������� ������������������  

TTFR����������� ������������������  

OLT����������� ������������������  

FLT����������� ������������������  

AFT����������� ������������������  

…⋯����������� ������������������  

0.5s 0.6s 1.3s 1.4s

Metric����������� ������������������  ­–����������� ������������������  얼마나����������� ������������������  빠른지����������� ������������������  보는����������� ������������������  지표����������� ������������������  

Page 16: [F5]deview 2012 nspeed

 ����������� ������������������  Network����������� ������������������  ����������� ������������������  ����������� ������������������   ����������� ������������������  network����������� ������������������  shaping����������� ������������������  (latency,����������� ������������������  b/w..)����������� ������������������  

 ����������� ������������������  Device����������� ������������������  /����������� ������������������  OS����������� ������������������  /����������� ������������������  Browser����������� ������������������   ����������� ������������������  점유율,����������� ������������������  공존성����������� ������������������  

 ����������� ������������������  Cache����������� ������������������   ����������� ������������������  file,����������� ������������������  memory,����������� ������������������  local����������� ������������������  storage����������� ������������������   ����������� ������������������  empty����������� ������������������  /����������� ������������������  primed����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  

Context����������� ������������������  ­–����������� ������������������  측정����������� ������������������  결과에����������� ������������������  영향을����������� ������������������  주는����������� ������������������  요소����������� ������������������  

Page 17: [F5]deview 2012 nspeed

왜����������� ������������������  반복����������� ������������������  테스트����������� ������������������  하는가,����������� ������������������  얼마나����������� ������������������  반복해야����������� ������������������  하는가,����������� ������������������  왜����������� ������������������  Median인가����������� ������������������  

msec

측정 회차

OO����������� ������������������  서비스����������� ������������������  반복����������� ������������������  측정����������� ������������������  시����������� ������������������  체감����������� ������������������  속도����������� ������������������  변화����������� ������������������  

Correction����������� ������������������  ­–����������� ������������������  제어����������� ������������������  불가능한����������� ������������������  정황은����������� ������������������  보정����������� ������������������  

Page 18: [F5]deview 2012 nspeed

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

Automation,����������� ������������������  Reporting����������� ������������������  ����������� ������������������  

• ����������� ������������������  반복/평균,����������� ������������������  캐시/쿠키����������� ������������������  제어,����������� ������������������  로그인,����������� ������������������  호스트����������� ������������������  설정����������� ������������������  • ����������� ������������������  결과����������� ������������������  리포트����������� ������������������  작성����������� ������������������  ����������� ������������������  

à����������� ������������������  손으로����������� ������������������  하면����������� ������������������  2~3일,����������� ������������������  자동으로����������� ������������������  하면����������� ������������������  커피����������� ������������������  한잔����������� ������������������  

Page 20: [F5]deview 2012 nspeed

Example - WebPageTest

Page 21: [F5]deview 2012 nspeed

Synthetic����������� ������������������  속도����������� ������������������  측정����������� ������������������  도구,����������� ������������������  쓰려고����������� ������������������  보니..����������� ������������������  

• ����������� ������������������  유료는����������� ������������������  비싸고,����������� ������������������  무료는����������� ������������������  국내����������� ������������������  Agent����������� ������������������  X����������� ������������������  • ����������� ������������������  국내����������� ������������������  대표����������� ������������������  정황을����������� ������������������  반영����������� ������������������  X����������� ������������������  • ����������� ������������������  오픈����������� ������������������  소스/설치,����������� ������������������  Agent����������� ������������������  구매����������� ������������������  필요����������� ������������������  

• ����������� ������������������  Mobile����������� ������������������  Agent����������� ������������������  신뢰도����������� ������������������  떨어짐����������� ������������������  • ����������� ������������������  URL단위����������� ������������������  UI로����������� ������������������  불편한����������� ������������������  입력,����������� ������������������  결과����������� ������������������  조회����������� ������������������  

국내에서����������� ������������������  Synthetic����������� ������������������  속도����������� ������������������  측정����������� ������������������  어렵다����������� ������������������  

Page 22: [F5]deview 2012 nspeed

그래서����������� ������������������  만들었습니다����������� ������������������  

Page 23: [F5]deview 2012 nspeed

NSPEED����������� ������������������  NHN����������� ������������������  Front-End����������� ������������������  성능����������� ������������������  측정����������� ������������������  도구����������� ������������������  개발����������� ������������������  프로젝트����������� ������������������  

Page 24: [F5]deview 2012 nspeed

충분한����������� ������������������  국내����������� ������������������  Agent����������� ������������������  제공����������� ������������������  더����������� ������������������  이상����������� ������������������  다른����������� ������������������  나라에����������� ������������������  있는����������� ������������������  Agent로����������� ������������������  측정하지����������� ������������������  않아도����������� ������������������  됨����������� ������������������  

국내����������� ������������������  사용자����������� ������������������  대표����������� ������������������  정황����������� ������������������  반영����������� ������������������  국내����������� ������������������  사용자����������� ������������������  Network����������� ������������������  환경,����������� ������������������  Device사양,����������� ������������������  Browser����������� ������������������  점유율����������� ������������������  반영����������� ������������������  몇����������� ������������������  대의����������� ������������������  Agent로����������� ������������������  한국����������� ������������������  사용자����������� ������������������  대표����������� ������������������  환경����������� ������������������  재현����������� ������������������  

개발자에게����������� ������������������  편한����������� ������������������  UI����������� ������������������  프로젝트����������� ������������������  단위로����������� ������������������  속도����������� ������������������  측정����������� ������������������  관리����������� ������������������  프로필����������� ������������������  단위로����������� ������������������  여러����������� ������������������  URL을����������� ������������������  측정하고����������� ������������������  결과를����������� ������������������  열람/공유����������� ������������������  

Page 25: [F5]deview 2012 nspeed

본격적인����������� ������������������  NSPEED����������� ������������������  이야기가����������� ������������������  이어집니다����������� ������������������  

Page 26: [F5]deview 2012 nspeed
Page 27: [F5]deview 2012 nspeed

NSPEED����������� ������������������  이야기����������� ������������������  

Page 28: [F5]deview 2012 nspeed

그런데…⋯����������� ������������������  Nspeed가����������� ������������������  뭐지?����������� ������������������  

Page 29: [F5]deview 2012 nspeed
Page 30: [F5]deview 2012 nspeed
Page 31: [F5]deview 2012 nspeed
Page 32: [F5]deview 2012 nspeed
Page 33: [F5]deview 2012 nspeed
Page 34: [F5]deview 2012 nspeed

네이버����������� ������������������  전체����������� ������������������  서비스의����������� ������������������  OLT(2011년����������� ������������������  8월)����������� ������������������  

:����������� ������������������  RUM으로����������� ������������������  얻은����������� ������������������  OLT����������� ������������������  평균값����������� ������������������  

:����������� ������������������  툴에서����������� ������������������  측정한����������� ������������������  OLT����������� ������������������  값����������� ������������������  

Page 35: [F5]deview 2012 nspeed

Nspeed����������� ������������������  실제����������� ������������������  모습은����������� ������������������  이렇게����������� ������������������  생겼습니다.����������� ������������������  

Page 36: [F5]deview 2012 nspeed

Nspeed의����������� ������������������  PC����������� ������������������  Agents����������� ������������������  

P4_XP_IE7����������� ������������������  

P4_XP_IE8����������� ������������������  

i5_XP_IE8����������� ������������������  

i5_Win7_IE9����������� ������������������  

i5_Win7_IE8����������� ������������������  

Page 37: [F5]deview 2012 nspeed

Nspeed의����������� ������������������  Mobile����������� ������������������  Agents����������� ������������������  

Page 38: [F5]deview 2012 nspeed

Nspeed의����������� ������������������  Mobile����������� ������������������  Agents����������� ������������������  

Page 39: [F5]deview 2012 nspeed

어떻게����������� ������������������  만들어진����������� ������������������  것인가?����������� ������������������  

Page 40: [F5]deview 2012 nspeed

PC용����������� ������������������  Agents!!!����������� ������������������  

Page 41: [F5]deview 2012 nspeed

����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  

NSPEED����������� ������������������  Server����������� ������������������  

����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  

캐시����������� ������������������  통제(Plug-in)����������� ������������������  

URL����������� ������������������  Blast����������� ������������������  

패킷����������� ������������������  캡쳐(WinPcap)����������� ������������������  

네트워크����������� ������������������  에뮬레이터����������� ������������������  (dummy����������� ������������������  net)����������� ������������������  

Web����������� ������������������  Browser����������� ������������������  

Page 42: [F5]deview 2012 nspeed

����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  

NSPEED����������� ������������������  Server����������� ������������������  

����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  

캐시����������� ������������������  통제(Plug-in)����������� ������������������  

URL����������� ������������������  Blast����������� ������������������  

패킷����������� ������������������  캡쳐(WinPcap)����������� ������������������  

네트워크����������� ������������������  에뮬레이터����������� ������������������  (dummy����������� ������������������  net)����������� ������������������  

Web����������� ������������������  Browser����������� ������������������  

Page 43: [F5]deview 2012 nspeed

����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  

NSPEED����������� ������������������  Server����������� ������������������  

����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  

캐시����������� ������������������  통제(Plug-in)����������� ������������������  

URL����������� ������������������  Blast����������� ������������������  

패킷����������� ������������������  캡쳐(WinPcap)����������� ������������������  

네트워크����������� ������������������  에뮬레이터����������� ������������������  (dummy����������� ������������������  net)����������� ������������������  

Web����������� ������������������  Browser����������� ������������������  

Page 44: [F5]deview 2012 nspeed

����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  

NSPEED����������� ������������������  Server����������� ������������������  

����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  

캐시����������� ������������������  통제(Plug-in)����������� ������������������  

URL����������� ������������������  Blast����������� ������������������  

패킷����������� ������������������  캡쳐(WinPcap)����������� ������������������  

네트워크����������� ������������������  에뮬레이터����������� ������������������  (dummy����������� ������������������  net)����������� ������������������  

Web����������� ������������������  Browser����������� ������������������  

Page 45: [F5]deview 2012 nspeed

����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  

NSPEED����������� ������������������  Server����������� ������������������  

����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  

캐시����������� ������������������  통제(Plug-in)����������� ������������������  

URL����������� ������������������  Blast����������� ������������������  

패킷����������� ������������������  캡쳐(WinPcap)����������� ������������������  

네트워크����������� ������������������  에뮬레이터����������� ������������������  (dummy����������� ������������������  net)����������� ������������������  

Web����������� ������������������  Browser����������� ������������������  

Page 46: [F5]deview 2012 nspeed

����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  

NSPEED����������� ������������������  Server����������� ������������������  

����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  

캐시����������� ������������������  통제(Plug-in)����������� ������������������  

URL����������� ������������������  Blast����������� ������������������  

패킷����������� ������������������  캡쳐(WinPcap)����������� ������������������  

네트워크����������� ������������������  에뮬레이터����������� ������������������  (dummy����������� ������������������  net)����������� ������������������  

Web����������� ������������������  Browser����������� ������������������  

Page 47: [F5]deview 2012 nspeed

Mobile용����������� ������������������  Agents!!!����������� ������������������  

Page 48: [F5]deview 2012 nspeed

그까이꺼����������� ������������������  뭐����������� ������������������  대충~����������� ������������������  Webview를����������� ������������������  사용한����������� ������������������  측정용����������� ������������������  App을����������� ������������������  ����������� ������������������  

개발해서����������� ������������������  측정하면����������� ������������������  되는����������� ������������������  거����������� ������������������  아닌가?����������� ������������������  

Page 49: [F5]deview 2012 nspeed

-����������� ������������������  (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

그러나…⋯����������� ������������������  

Page 51: [F5]deview 2012 nspeed

출처����������� ������������������  :����������� ������������������  2011년����������� ������������������  4월����������� ������������������  Nspeed����������� ������������������  Agent����������� ������������������  신뢰성����������� ������������������  검증����������� ������������������  데이터(Android는����������� ������������������  Froyo,����������� ������������������  iOS는����������� ������������������  4.2)����������� ������������������  

WebView����������� ������������������  

Native����������� ������������������  Browser����������� ������������������  

Page 52: [F5]deview 2012 nspeed

����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  

����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  

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

Webview����������� ������������������  버젼����������� ������������������  

Page 54: [F5]deview 2012 nspeed
Page 55: [F5]deview 2012 nspeed

JavaScript와����������� ������������������  iframe을����������� ������������������  사용해서����������� ������������������  Native����������� ������������������  Browser����������� ������������������  위에서����������� ������������������  ����������� ������������������  바로����������� ������������������  측정하면����������� ������������������  되지����������� ������������������  않나?����������� ������������������  

Page 56: [F5]deview 2012 nspeed

����������� ������������������  <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

����������� ������������������  <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

그러나…⋯����������� ������������������  

Page 59: [F5]deview 2012 nspeed

iframe����������� ������������������  사용시����������� ������������������  원����������� ������������������  본����������� ������������������  

Page 60: [F5]deview 2012 nspeed

iframe����������� ������������������  버젼����������� ������������������  

Page 61: [F5]deview 2012 nspeed
Page 62: [F5]deview 2012 nspeed

안되겠다…⋯����������� ������������������  ����������� ������������������  App에서����������� ������������������  기본����������� ������������������  브라우저를����������� ������������������  띄워서����������� ������������������  측정하자.����������� ������������������  

Page 63: [F5]deview 2012 nspeed

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

그러나…⋯����������� ������������������  ����������� ������������������  

Page 65: [F5]deview 2012 nspeed

1년����������� ������������������  반����������� ������������������  사이에…⋯����������� ������������������  

출처����������� ������������������  :����������� ������������������  2012년����������� ������������������  8월����������� ������������������  모바일����������� ������������������  OS별����������� ������������������  PV����������� ������������������  점유율(NHN����������� ������������������  사내����������� ������������������  데이터)����������� ������������������  

Page 66: [F5]deview 2012 nspeed

모바일����������� ������������������  환경에서����������� ������������������  ����������� ������������������  Network����������� ������������������  Shaping은����������� ������������������  어떻게����������� ������������������  하지?����������� ������������������  

HAR����������� ������������������  로깅은����������� ������������������  어떻게…⋯?����������� ������������������  

Page 67: [F5]deview 2012 nspeed

유무선����������� ������������������  ����������� ������������������  공유기����������� ������������������  

인터넷����������� ������������������  

Gateway����������� ������������������  (Nspeed����������� ������������������  EM)����������� ������������������  

Hot����������� ������������������  Spot����������� ������������������  Zone����������� ������������������  

•  IPTABLES����������� ������������������  +����������� ������������������  TC����������� ������������������  •  TCPDUMP����������� ������������������  +����������� ������������������  PCAP2HAR����������� ������������������  

네트워크����������� ������������������  환경����������� ������������������  통제����������� ������������������  

HAR����������� ������������������  로깅����������� ������������������  

Page 68: [F5]deview 2012 nspeed

이렇게����������� ������������������  현재의����������� ������������������  nspeed����������� ������������������  모습이����������� ������������������  되었습니다.����������� ������������������  

Page 69: [F5]deview 2012 nspeed

����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  

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

Demo����������� ������������������  

Page 71: [F5]deview 2012 nspeed

– Navigation����������� ������������������  Timing����������� ������������������  수집����������� ������������������  기능����������� ������������������  추가����������� ������������������  예정.����������� ������������������  – 최근����������� ������������������  네트워크����������� ������������������  환경에����������� ������������������  대한����������� ������������������  re-Calibration����������� ������������������  예정.����������� ������������������  – 모바일����������� ������������������  단말의����������� ������������������  AFT����������� ������������������  측정����������� ������������������  기능����������� ������������������  추가����������� ������������������  예정.����������� ������������������  – Agent����������� ������������������  및����������� ������������������  단말은����������� ������������������  계속����������� ������������������  추가����������� ������������������  예정.����������� ������������������  – Open����������� ������������������  API����������� ������������������  제공����������� ������������������  예정.����������� ������������������  

출처����������� ������������������  :����������� ������������������  http://en.wikipedia.org/wiki/File:Comingsoon.png����������� ������������������  

The����������� ������������������  Future����������� ������������������  

Page 72: [F5]deview 2012 nspeed

Nspeed����������� ������������������  is����������� ������������������  coming����������� ������������������  this����������� ������������������  year!!!����������� ������������������  Make����������� ������������������  it����������� ������������������  together.����������� ������������������  

Speedy����������� ������������������  WWW����������� ������������������  

Page 73: [F5]deview 2012 nspeed
Page 74: [F5]deview 2012 nspeed