Speeding Up Your Mobile HTML5 Experience

Maximiliano Firtman (ITMaster Professional Training)
Mobile Performance, Ballroom AB
Tutorial Please note: to attend, your registration must include Tutorials on Tuesday.
Presentation: external link
Average rating: ***..
(3.68, 19 ratings)

THIS TUTORIAL HAS REQUIREMENTS AND INSTRUCTIONS LISTED BELOW

Mobile web development includes many challenges for performance measurement and optimization. In this tutorial we will go the first minutes through an overview of what is different on mobile platforms, including websites vs. webapps vs. native hybrids, platforms available on the market, the learnings from the Facebook HTML5 apps and more.

We will discuss when Responsive Web Design is a good idea and when it will harm badly the web performance; how to deliver high-resolution images properly and the best techniques for delivering a high-performance mobile experiences for the browser and for webapp platforms.

During the practical section of this tutorial we will see the main techniques available today for measuring web performance on mobile platforms, including:

  • Remote Inspector tools
  • Traffic analyzers
  • Bandwidth simulators
  • Profiling tools
  • The Web Navigation Timing API

Finally we will go through different techniques, seeing real examples on stage and how they performance on different devices, including:

  • CSS Sprites vs inline images
  • Animate 3D transforms for hardware acceleration
  • Application Cache
  • Different viewport definitions
  • JavaScript frameworks usage
  • Web Storage vs. SQL Storage vs. IDB
  • Large DOM vs iframes vs object pool
  • SVG vs high resolution canvas
  • Mouse vs. Touch/Pointer events
  • Animation Timing API
  • Images vs CSS3 effects and gradients
  • Using HTML5 abilities to improve performance perception and responsiveness

After this tutorial the audience will get the full picture of HTML5 on mobile browsers today, how to measure performance and best practices to deliver the fastest experience on mobile browsers and webapp platforms.

TUTORIAL REQUIREMENTS AND INSTRUCTIONS FOR ATTENDEES
* Attendees should have a modern web browser (Google Chrome preferred), a mobile phone or tablet, all Wi-Fi enabled

QUESTIONS for the speaker?: Use the “Leave a Comment or Question” section at the bottom to address them.

Photo of Maximiliano Firtman

Maximiliano Firtman

ITMaster Professional Training

Max Firtman is a mobile+web developer, trainer, speaker and writer. He wrote many books, including “Programming the Mobile Web” (first and second edition) and “jQuery Mobile: Up and Running” published by O’Reilly Media. He is Adobe Community Champion and founder of ITMaster Professional Training.

He has a blog about mobile web development at www.mobilexweb.com and he maintains the website www.mobilehtml5.org.

He is a frequent speaker at conferences, including QCon, OSCON, Breaking Development, Velocity Conference, Fluent, Google Developer Day, JSConf, Campus Party Europe and many other events around the world.

He has received different recognitions, including Nokia Developer Champion yearly since 2006; Adobe Community Professional since 2011, and BlackBerry Elite since 2012

Comments on this page are now closed.

Comments

Picture of Maximiliano Firtman
Maximiliano Firtman
06/18/2013 9:29am PDT

Thank you for attending! Remember that slides are available at https://speakerdeck.com/firtman/speeding-up-your-mobile-html5-experience and the links mentioned in the talk at http://firt.mobi/velocity. Remember to rate the session.

Sponsors

Sponsorship Opportunities

For information on exhibition and sponsorship opportunities at the conference, contact Gloria Lombardo at (203) 381-9245 or glombardo@oreilly.com

Media Partner Opportunities

For media partnerships, contact mediapartners@ oreilly.com

Press and Media

For media-related inquiries, contact Maureen Jennings at maureen@oreilly.com

Contact Us

View a complete list of Velocity contacts