11.07.2015 Views

HTML5/WRT: How competent is your code?

HTML5/WRT: How competent is your code?

HTML5/WRT: How competent is your code?

SHOW MORE
SHOW LESS
  • No tags were found...

Create successful ePaper yourself

Turn your PDF publications into a flip-book with our unique Google optimized e-Paper software.

Findings with WAPP• Finding 3: Array: Clear (Unit: Ops/sec)Programming style NetBook / Chromium Notebook / Firefox iPad2 / Safari ResultArray.slice 18170 35133 13894Array.length=0 21709 41218 16467Array=[] 20714 24755 16293LoserWinnerLoser• RED: The worst one• GREEN: The best one10tizen.org


Findings with WAPP• Finding 4: Dom Operation: Append (Unit: Ops/sec)Programming style NetBook / Chromium Notebook / Firefox iPad2 / Safari ResultappendChild() 1933 15854 2476WinnerappendTo() 468 5505 621append() 709 6602 841• RED: The worst one• GREEN: The best one$.html($.html()) (JQuery) 30 135 30Loser11tizen.org


Library-level performance-Library and platform efficiency


Our solution: <strong>WRT</strong>Bench• <strong>WRT</strong>Bench: samples the performance of Web platformsbased on the common Web API feature l<strong>is</strong>t• Major features– WebGL* - Transformation, composite, texture, video– Canvas 2D: Transformation, draw image, color, style– CSS3: 2D & 3D Transformation, rotation, shadow– Photo processing: Photo edit, resize, rotate, flip, color– Local storage– File API– JavaScript* rendering13tizen.org


Combinations of Web platformsOS/BrowserPerformanceChromium Chrome* Firefox SafariLinux X XWin7 X XiOSX14tizen.org


WebGL• No WebGL support on Safari• Firefox still ramping up on Linux• Chromium <strong>is</strong> a winner in th<strong>is</strong> space,taking advantage of Linux15tizen.org


Canvas 2D Rendering• Firefox and Safari lack the Canvas2D aspect• Chromium performs much betterthen Chrome• Linux provides good performance16tizen.org


CSS317tizen.org


CSS3• Again a winning space forChromium & Chrome• Firefox still ramping up onLinux• Safari lags far behind• Linux getting closer to Win7in 3D model18tizen.org


<strong>HTML5</strong> Photo Processing


<strong>HTML5</strong> Local Storage• Trend <strong>is</strong> the same acrossmost browsers• Safari outperforms rest21tizen.org


<strong>HTML5</strong> File API• Media file ~30 MB• No support on Safari yet• Linux takes good advantageof caching22tizen.org


JavaScript• Firefox projects greatperformance with SpiderMonkey• Linux almost equates Win7performance wrt Chromium23tizen.org


Summary• Web performance can be improved on two levels:– Program web app with the right <strong>code</strong>• Avoid using statements/APIs which lead to bad performance• Using native APIs instead of 3 rd party libraries for DOM operation– Optimize web platform especially on the major features• Linux gives out the good performance in the areas of WebGL, Canvas2D and Warm Reads• In par with most other browsers wrt Local Storage & Photo Processing• Getting competitive with Windows in CSS3 and JavaScriptPlease contact us if you are interested: rajalakshmi.shunmuganathan@intel.com,guobing.chen@intel.com24tizen.org


Q & A

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!