Metro 스타일 앱의 고성능 HTML5 콘텐츠

IEBlog 한국어

Windows Internet Explorer 엔지니어링 팀 블로그

Metro 스타일 앱의 고성능 HTML5 콘텐츠

  • Comments 0

Windows 8의 Metro 스타일 앱은 웹 콘텐츠를 표시할 때 IE10이 가지는 성능상의 이점을 모두 보여줍니다. Metro 스타일 앱에서 웹 콘텐츠는 항상 JIT 컴파일되며 하드웨어 가속이 지원됩니다. 다른 플랫폼은 앱에서 동일한 수준의 성능을 제공하지 않습니다. 예를 들어, UIWebView 컨트롤을 통해 실행되는 iOS의 Cocoa 앱은 Safari에서 실행되는 동일한 콘텐츠보다 JavaScript 성능이 눈에 띄게 떨어집니다. 이러한 Cocoa 앱은 JIT 컴파일을 사용하지 않으며, 따라서 시스템 브라우저에서처럼 웹 콘텐츠를 표시하거나 사용할 수 없습니다(아래 참조).

동일한 기기에서 웹 콘텐츠를 실행할 경우 Apple iOS 앱에서는 Apple Safari에서 실행했을 때보다 3배 이상 느리다는 것을 보여주는 표
테스트 구성: http://www.webkit.org/perf/sunspider/sunspider.html
iPad: 1세대, iOS 5.0.1
Windows 8: 개발자 프리뷰, Dell Optiplex 745, 64비트 OS
Kindle Fire v1

왜 이러한 사실이 중요한가?

많은 응용 프로그램은 사용자에게 항상 최신의 풍부한 경험을 제공하기 위해 HTML을 내장하고 있습니다. 예를 들어 음식점 가이드 앱 개발자가 사용자가 선택할 음식점 목록의 위치를 표시하는 실시간 지도를 앱에 넣고 싶어한다고 할 경우, iOS에서 앱을 제작하면 지도 이동 및 확대 같은 일반 동작이 Safari와 비교했을 때 두 배 정도 느리게 실행됩니다.

Windows 8용 Metro 스타일 앱을 제작하게 되면 웹 콘텐츠를 앱에 쉽게 포함시킬 수 있습니다. HTML 또는 XAML 앱에서 <iframe> 요소나 WebView 컨트롤만 추가하면 IE 10 성능의 이점을 최대한 누릴 수 있습니다. 이것을 증명하는 HTML 앱 샘플을 보려면 http://www.buildwindows.com/Labs에서 실제 연습 자료인 'Building Your First Metro Style App Using Javascript(Javascript를 사용한 첫 Metro 스타일 앱 제작)'를 확인하십시오.

HTML Metro 스타일 앱의 Bing 지도 HTML 콘텐츠 스크린샷
그림 1: HTML Metro 스타일 앱의 Bing 지도 HTML 콘텐츠

Metro 스타일 앱을 사용하면 수많은 기존 웹 서비스를 사용자의 앱에 매끄럽게 통합할 수 있습니다. 또한 응용 프로그램 업데이트 없이도 사용자가 역동적인 HTML 콘텐츠를 제공할 수 있는 새로운 앱 서비스를 구축할 수 있습니다.

Metro 스타일 앱에 웹 콘텐츠를 포함시키면 추가적인 또는 특별한 작업 없이도 자동적으로 IE10의 모든 성능상 이점을 갖출 수 있게 됩니다. JIT 컴파일로 JavaScript 코드가 지속적으로 빠르게 실행될 수 있으며, 앱이 자동으로 GPU를 사용하여 HTML 그래픽을 가속화합니다.

- Internet Explorer 수석 프로그램 관리자, Andy Zeigler

  • Loading...