Tweet
Tweet

Slide 1

Slide 1 text

JS Meetup Group, 2014 Cassian LUP • netzinkubator.de

Slide 2

Slide 2 text

JS Meetup Group, 2014 Cassian LUP, netzinkubator.de // Recap Elements Resources Console

Slide 3

Slide 3 text

JS Meetup Group, 2014 Cassian LUP, netzinkubator.de // More Recap Network Timeline

Slide 4

Slide 4 text

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/  

Slide 5

Slide 5 text

JS Meetup Group, 2014 Cassian LUP, netzinkubator.de // Timeline Demo: Diagnosing forced synchronous layouts

Slide 6

Slide 6 text

JS Meetup Group, 2014 Cassian LUP, netzinkubator.de // Today • Audit • Profiles • Goodies

Slide 7

Slide 7 text

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/  

Slide 8

Slide 8 text

JS Meetup Group, 2014 Cassian LUP, netzinkubator.de // Audit Demo unsplash.com

Slide 9

Slide 9 text

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/  

Slide 10

Slide 10 text

JS Meetup Group, 2014 Cassian LUP, netzinkubator.de // Prof iles Demo

Slide 11

Slide 11 text

JS Meetup Group, 2014 Cassian LUP, netzinkubator.de // Prof iles Demo hellorun.helloenjoy.com

Slide 12

Slide 12 text

JS Meetup Group, 2014 Cassian LUP, netzinkubator.de // Goodies • Emulator • Console API • Weinre

Slide 13

Slide 13 text

JS Meetup Group, 2014 Cassian LUP, netzinkubator.de // Goodies Demo Emulator

Slide 14

Slide 14 text

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, ...])

Slide 15

Slide 15 text

JS Meetup Group, 2014 Cassian LUP, netzinkubator.de // Goodies Demo Weinre

Slide 16

Slide 16 text

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/

Slide 17

Slide 17 text

JS Meetup Group, 2014 Cassian LUP, netzinkubator.de Thank you.