So, Let's Talk about Performance Debugging

This was a performance example presentation I did back in 2018 for some folks. It was hosted on Glitch, but since Glitch is going down, it's now hosted here.

I'm going to give you some very basic tips on finding performance problems in Javascript.

This includes:

• How To Use the Debugging Tools
• How to Debug Animation Performance
• Some lesser-used portions of the debugging tools.
• Science?

Examples

• Example 1 - Identifying Slow Javascript
• Example 2 - Real World Profile
• Example 3 - Painting Performance, let's use the GPU
• Example 4 - The Application Tab

External Examples

• Sdras's CSS3 Animation Demo
• Treehouse's CSS 3 Tutorial