Skip to main content

Extreme Web Performance for Mobile Devices

Maximiliano Firtman (ITMaster Professional Training)
Mobile
Grand Ballroom AB
Tutorial Please note: to attend, your registration must include Tutorials on Tuesday.
Average rating: ****.
(4.16, 45 ratings)
Slides:   external link

THIS TUTORIAL HAS REQUIREMENTS AND INSTRUCTIONS LISTED BELOW

In the first part of this tutorial we will go through the state of the art in terms of available mobile browsers, including what do you don’t know about web browsers on Android today and what you should be aware of about Safari for iOS 7.×.

We will discuss how to measure mobile and responsive websites and how to detect when you are harming performance. During the first practical section of this tutorial we will look at the main techniques and tools available today using real mobile devices on stage, covering:

  • Remote Inspector tools
  • Traffic analyzers and bandwidth simulators
  • Profiling tools
  • When (not) to use emulators and simulators
  • Tracking with the Web Navigation Timing API

Finally, we will see examples of techniques that are harming the performance on mobile web and the tips to achieve Extreme Web Performance. You will be able to test live on your own mobile device, including:

  • Vertical Scrolling
  • 3D transforms and hardware acceleration
  • Different viewport declarations
  • JavaScript frameworks usage
  • Web Storage vs. SQL Storage vs. IDB
  • Large DOM vs iframes vs object pool
  • SVG vs icon fonts vs responsive images
  • Custom fonts loading
  • Hacks to improve performance perception and responsiveness

After this tutorial you will get the full picture of HTML5 on mobile browsers today, how to measure performance on them, and best practices to deliver the fastest experience on mobile browsers and webapp platforms. After this tutorial, you will be able to test and find issues on your own mobile or responsive websites.

TUTORIAL REQUIREMENTS AND INSTRUCTIONS FOR ATTENDEES

Attendees will need the latest version of Google Chrome installed.

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 @firt is a mobile+web developer, trainer, speaker and writer. He wrote many books, including “Programming the Mobile Web” (available in second edition) and “jQuery Mobile: Up and Running” published by O’Reilly Media.

He is a well-known professional in the mobile web community blogging about mobile web platforms on mobilexweb.com and keeping updated the compatibility tables at mobilehtml5.org.

He is a frequent speaker at conferences, including QCon, Mobilism, OSCON, Velocity Conference, Fluent, Google Developer Day, JSConf, GOTO, AdobeCamp and many other events around the world.

He has received different recognitions, including Adobe Community Professional, Microsoft IE User Agent, Nokia Developer Champion and BlackBerry Elite for this work in the mobile web community.

He also teaches mobile HTML5 and performance trainings for top companies around the world, and he founded ITMaster, an IT training company.

Leave a Comment or Question

Help us make this conference the best it can be for you. Have questions you'd like this speaker to address? Suggestions for issues that deserve extra attention? Feedback that you'd like to share with the speaker and other attendees?

Join the conversation here (requires login)

Comments

Hans Kuijpers
06/26/2014 5:53am PDT

http://www.slideshare.net/firt/extreme-web-performance-for-mobile-devices

06/24/2014 2:03pm PDT

Great presentation today. Can you please point me to the presentation link.

06/24/2014 1:29pm PDT

Please point me to the presentation link

Picture of Ming Cheng Pan
06/24/2014 10:39am PDT

Thanks for this great talk, it is really helpful.

Picture of Maximiliano Firtman
06/09/2014 1:46pm PDT

Thanks Robert and Yi Feng for your comments; we will definitely cover in this workshop tools and tips for hybrid and for typical issues on mobile web apps. If you attend the workshop you will definitely find some answers.

Picture of Robert McLemore
06/09/2014 7:01am PDT

M: Is ANYONE starting to dive into Mobile App performance? With hybrid apps, its an untapped potential. When will tooling catch up? Hard to find anything out there.

06/04/2014 1:52pm PDT

Maximiliano: if you could include a few typical improvement reaction after diagnosed root cause slow browser experience, that would be great. E.g., if browser rending is the problem, profile client script and speed it up. Or, if you have multiple servers that can serve the end user, serve him with the fastest copy (but be careful of not overloading the server). Many of us, including me, would appreciate that.