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.

Get Smashing Mobile Web Development now with the O’Reilly learning platform.

O’Reilly members experience live online training, plus books, videos, and digital content from nearly 200 publishers.