Chrome Dev Tools: Stylin' & Profilin'

My presentation about Chrome profiling tools: CPU Profile, Heap Snapshot & Heap Allocations

Transcript

1. Chrome Profilers warning: there will be flames! “1 request. I have ONE REQUEST and this is the response I get” ~ Abel “IWWCP” Martin
2. Quote from Vyacheslav Egorov https://twitter.com/mraleph/statuses/411549064787152896 “Often devs still approach performance of JS code as if they are riding a horse cart but the horse had long been replaced with [a] fusion reactor” ~ @mraleph “Kenron dbrown .. still works... horse is uncorralled. .. you can't see its legs ... its probably...” ~ gregeng
3. Quote from Ask A Foolish Question “In order to ask a question you must already know most of the answer.” ~ Robert Sheckly
4. Asking perfect questions “Anthony Bui: TELL US NEO U R TEH 1” ~ Alexander
5. • Garbage Collection Issues • Memory Leaks • Closures • Third party libraries • Fourth party libraries!? Javascript make me feel... "David Aaron FUCKING JS!!!! AAAAAAHHHHH" ~ disha
6. Why? "If I'm such a god, why isn't Maru *my* cat?" ~ XKCD
7. Why? "Hurry up with my DAMN CROISSANT" ~ Kanye West
8. Audience Participation We can either checkout the tools in other browsers (spoiler alert: )… ...or get to the Chrome tools faster What say you? "You choose!" ~ Courtney Burton
9. Where the browser tools at? “abel try in firefox?” ~ Ru-T
10. Where the browser tools at? "...fixed photo approval...for firefox baldur helped...mysql2...yagni…" ~ Kelly => “ ” ~ Everyone
11. Where the browser tools at? "looks like Safari is getting an upgrade - nothing too fabulous yet." ~ disha
12. Where the browser tools at? "gregeng: hahaha ughhhhh internet explorer 8 updated itself to 9 without me doing anything..." ~ Bryan
13. Where the browser tools at? " " ~ Matthew Lim
14. Where the browser tools at? "dbrown: well chrome is dumb" ~ Dan Lacy
15. Chrome Dev Tools: Timeline "60% of the time it works every time" ~ David QA
16. For a moment: stacks & heaps “ ” ~ Hawbot
17. Demo: CPU profile “Trivia[!answer to guess, !reveal to give up]: Who ya gonna call?” ~ Peat THE STACK
18. Demo: Heap Snapshot "lemme take another snapshot" ~ Sher Wing Du THE HEAP
19. Demo: Heap Snapshot: Colors “Bryan: "Color me unimpressed…" :D” ~ George Ogata
20. Demo: Heap Allocations & “oh shit i think i broke it; hawbot clojure (take 20 (repeatedly #(rand-int 100))).” ~ Bryan THE HEAP
21. Case Study: “Abel "IWWCP" Martin: earth, wind, fire, water, i get, but WTF is HEART?” ~ Jerry Wong
22. Case Study: : Before “dbrown awww boo!!” ~ Disha
23. Case Study: : After “disha: ” ~ ray
24. Yeah...but this is a lot of effort. True...but what if you could: • Run Capybara tests... • using Selenium Chrome Driver... • with API access to profiler tools... • saving profiler runs with commit SHA… “Bryan: the amount of work to do that vs just doing it manually in excel seems way out of proportion” ~ dbrown
26. But it’s doable! (I think) Standard Experimental https://developer.chrome.com/extensions/experimental https://developer.chrome.com/extensions/devtools
27. Friends, and profile! “Tadler: i'm ready whenevs. *i’m always ready. ” ~ Kenron
28. THANKS!!