O'Reilly logo

Smashing Mobile Web Development by Greg Avola

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Summary

In this chapter, you first learned how to set up testing environments, both on native devices and with device emulators. You then learned how to set up debugging tools, by taking advantage of native tools as well as Weinre for remote debugging. Furthermore, you learned how to gracefully switch between touch and mouse events to make desktop debugging easier.

Next, you learned about mobile performance optimization. You learned how to reduce bandwidth needs by using CSS instead of images, properly optimizing files, and serving a separate mobile site. You learned how to optimize JavaScript—triggering hardware acceleration in choppy animations, caching overused DOM references, and testing different approaches. Finally, you learned how to optimize CSS—using CSS animations instead of JavaScript, reducing browser reflows, and avoiding overly expensive properties.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required