
Learn to profile web app performance using Chrome's network tab and the resource timing API, analyzing asset load times, DNS, SSL, and mime-type filters to identify blocking resources.
Learn how DOM manipulation affects web app performance, compare moving elements by style versus class, and use the Chrome DevTools timeline to identify reflows and repaints and optimize code.
Explore three dom manipulation techniques for adding list items to a target element: incremental html updates, building a single string, and cloning a template node.
Compare CSS versus JavaScript methods for showing and hiding elements, and demonstrate how class toggling reduces reflows and improves browser performance when rendering large lists and the DOM.
In this Web App Optimization with JavaScript training course, expert author Alex Vanston teaches you how to improve the performance and user experience of web apps with JavaScript. This course is designed for users that are already familiar with creating web applications.
You will start by learning about raw speed, then jump into learning about browser flow, including understanding the paint cycle and DOM manipulation. From there, Alex will teach you user experience enhancements, such as preloading, incremental updates, and utilizing local storage. Finally, you will learn about mobile enhancements, including mobile debugging and benchmarking, conditional assets, and handling low quality networks.
Once you have completed this computer based training course, you will have learned how to improve the performance and user experience of your products.