#DevTools

Chrome Dev-Tools

• Google Chrome Developer Tools Crash Course
• Inspect Network Activity
  • Video: Inspect Network Activity - Chrome DevTools 101
  • Network features reference
  • Filter requests by properties

Intro to various optimization metrics

Why does speed matter?

• Performance plays a major role in the success of any online venture.
• High-performing sites engage and retain users better than low-performing ones.
• Performance has directly impacted the company's bottom line.

Techniques for improving site performance

• Image optimization
• Serve static assets with an efficient cache policy
• Eliminate render-blocking resources
  • Remove unsued CSS and JS
  • Use defer and async for JS
• Compress JS and CSS
• HTTP/2 protocol is used instead of HTTP/1.1,