Chrome Office Hours: Performance
- Streamed live on Jul 19, 2013
Using Chrome devtools to find where framerates and network performance go bad. These are my shorthand notes of my takeaways.
Layout thrashing (reflow)
- calc, redraw, calc, redraw, repeat
- move stuff like dimension calcs outside of scroll handlers
- better to listen for @media change or CSS visibility instead of $(window).resize