JavaScript Debugging with Chrome DevTools (part 3)

The final part of the series on Chrome DevTools with an emphasis on the DevTools' auditing and CPU and Memory profiling tools.

Presented on Jan 29th, 2014 at the 5th JavaScript Meetup in Timisoara, Romania.

Transcript

1. JS Meetup Group, 2014 Cassian LUP • netzinkubator.de
2. JS Meetup Group, 2014 Cassian LUP, netzinkubator.de // Recap Elements Resources Console
3. JS Meetup Group, 2014 Cassian LUP, netzinkubator.de // More Recap Network Timeline
4. JS Meetup Group, 2014 Cassian LUP, netzinkubator.de // Timeline complete overview of where time is spent when loading and using your web app or page.” — https://developers.google.com/  
5. JS Meetup Group, 2014 Cassian LUP, netzinkubator.de // Timeline Demo: Diagnosing forced synchronous layouts
6. JS Meetup Group, 2014 Cassian LUP, netzinkubator.de // Today • Audit • Profiles • Goodies
7. JS Meetup Group, 2014 Cassian LUP, netzinkubator.de // Audit analyze a page as it loads and provide suggestions and optimizations for decreasing page load time and increase perceived (and real) responsiveness.” — https://developers.google.com/  
8. JS Meetup Group, 2014 Cassian LUP, netzinkubator.de // Audit Demo unsplash.com
9. JS Meetup Group, 2014 Cassian LUP, netzinkubator.de // Prof iles profile the execution time and memory usage of a web app or page.” — https://developers.google.com/  
10. JS Meetup Group, 2014 Cassian LUP, netzinkubator.de // Prof iles Demo
11. JS Meetup Group, 2014 Cassian LUP, netzinkubator.de // Prof iles Demo hellorun.helloenjoy.com
12. JS Meetup Group, 2014 Cassian LUP, netzinkubator.de // Goodies • Emulator • Console API • Weinre
13. JS Meetup Group, 2014 Cassian LUP, netzinkubator.de // Goodies Demo Emulator
14. JS Meetup Group, 2014 Cassian LUP, netzinkubator.de // Console API Reference •  console.assert(expression, object) •  console.count(label) •  console.error(object [, object, ...]) •  console.group(object[, object, ...]) •  console.groupCollapsed(object[, object, ...]) •  console.groupEnd() •  console.profile([label]) •  console.profileEnd() •  console.time(label) •  console.timeEnd(label) •  console.warn(object [, object, ...])
15. JS Meetup Group, 2014 Cassian LUP, netzinkubator.de // Goodies Demo Weinre
16. JS Meetup Group, 2014 Cassian LUP, netzinkubator.de // Resources •  https://google-developers.appspot.com/chrome-developer-tools/ •  http://people.apache.org/~pmuellr/weinre/docs/latest/
17. JS Meetup Group, 2014 Cassian LUP, netzinkubator.de Thank you.