HTML5 Mobile Apps Don't Have To Suck

D2ce35e4e0518f19f771ade302e43a66?s=47 Dave Arel
October 23, 2013

HTML5 Mobile Apps Don't Have To Suck

Sometimes, you've got to rock the boat to keep it from sinking. Belly's decision to scrap their native iPad app and build an HTML5 app was a risky move but proved to be one of the best decisions the startup has made. While mobile web is considered a harsh environment with low processing power, a few key techniques can be used to get the best performance out of your application. Belly's unique deployment platform, built on Phonegap's mobile framework, enables instantaneous software updates to any or all devices; making A/B testing a breeze. In this talk, Dave Arel will discuss how to build fast, proficient, native-like HTML5 mobile applications, and the enormous benefit it surely brings.

D2ce35e4e0518f19f771ade302e43a66?s=128

Dave Arel

October 23, 2013
Tweet

Transcript

  1. 3.

    Native vs HTML5 Mobile Apps Performance Native Dev Tools HTML5

    User Experience Features Monetization Wednesday, October 23, 13
  2. 4.

    Native vs HTML5 Mobile Apps Performance Native Dev Tools HTML5

    User Experience Features Monetization Wednesday, October 23, 13
  3. 5.

    Native vs HTML5 Mobile Apps Performance Native Dev Tools HTML5

    User Experience Features Monetization Wednesday, October 23, 13
  4. 6.

    Native vs HTML5 Mobile Apps Performance Native Dev Tools HTML5

    User Experience Features Monetization Wednesday, October 23, 13
  5. 7.

    Native vs HTML5 Mobile Apps Performance Native Dev Tools HTML5

    User Experience Features Monetization Wednesday, October 23, 13
  6. 8.

    Native vs HTML5 Mobile Apps Performance Native Dev Tools HTML5

    User Experience Features Monetization Wednesday, October 23, 13
  7. 9.

    Native vs HTML5 Mobile Apps Performance Native Dev Tools HTML5

    User Experience Features Monetization Wednesday, October 23, 13
  8. 10.

    Native vs HTML5 Mobile Apps Performance Native Dev Tools HTML5

    User Experience Features Monetization Hybrid Wednesday, October 23, 13
  9. 11.

    Native vs HTML5 Mobile Apps Performance Native Dev Tools HTML5

    User Experience Features Monetization Hybrid ish ish ish Wednesday, October 23, 13
  10. 12.

    Native vs HTML5 Mobile Apps Performance Native Dev Tools HTML5

    User Experience Features Monetization Hybrid ish ish ish Wednesday, October 23, 13
  11. 15.
  12. 21.

    The Problem Deploying took time and money Innovation Slowed Bugs

    could kill all activity Wednesday, October 23, 13
  13. 23.

    The Solution HTML5 Deploy New Versions in minutes Develop multiple

    versions for A/B and multivariate testing User Events Wednesday, October 23, 13
  14. 45.

    Garbage Collection Garbage collectors attempt to find objects that are

    no longer being used and frees up memory 6x the necessary memory doesn’t eliminate all memory leaks Wednesday, October 23, 13
  15. 47.
  16. 48.

    “The primary reason for switching from HTML5 Mobile to native

    is that we’re seeing that more and more people are spending more time in the app, and the app is running out of memory” - Kiran Prasad, Senior Director for Mobile Engineering, LinkedIn Wednesday, October 23, 13
  17. 52.

    Memory Optimization Keep variables as local as possible Use delete

    to dereference object properties Reuse Objects Wednesday, October 23, 13
  18. 65.

    Perception is everything Use touch events to avoid 300ms delay

    -webkit-overflow-scrolling: touch; Avoid processing overload by spacing out animations Wednesday, October 23, 13