Extreme Web Performance for Mobile Devices

Maximiliano Firtman (ITMaster Professional Training)
3:45pm–5:15pm Monday, 04/20/2015
Interface and experience design
Location: Salon 12/13/14/15
Average rating: ****.
(4.79, 14 ratings)
Slides:   external link

THIS TUTORIAL HAS REQUIREMENTS AND INSTRUCTIONS LISTED BELOW

During the first practical section of this tutorial we will see 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
  • Different viewport declarations
  • JavaScript frameworks usage
  • 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.

You will be able to test and find issues on your own mobile or responsive websites while attending.

TUTORIAL REQUIREMENTS AND INSTRUCTIONS FOR ATTENDEES

Attendees should know HTML and CSS.

Have the latest versions of Chrome and Safari installed (only for Mac users). Optional: phone or tablet + USB cable/dongle.

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” (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.

Comments on this page are now closed.

Comments

Chris Weed
04/21/2015 4:13am PDT

Fantastic session. It was one of the highlights of the conference, thank you!

Picture of Maximiliano Firtman
Maximiliano Firtman
04/20/2015 12:12pm PDT

Thanks for coming this afternoon. I hope you enjoyed the session. Remember that all the links mentioned, slides and live test to try on your mobile phone are available at http://firtman.github.io/fluent/