Performance

Browser Rendering Optimization by Google

https://www.udacity.com/course/browser-rendering-optimization--ud860

https://developers.google.com/web/fundamentals/performance/rendering/

Lesson 1

• Javascript > Style > Layout > Paint > Composite
• https://csstriggers.com/

Lesson 2

• RAIL
  • Response (100ms)
  • Animate (16ms)
  • Idle (50ms)
  • Load (1s)
• Animate trick FLIP
  • First
  • Last
  • Invert
  • Play
• 

Lesson 3

• Dev Tools
  • chrome://inspect/

Lesson 4

• Web Worker

Lesson 5

• BEM
  • Block
  • Element
  • Modifier

Website Performance Optimization by Google

https://cn.udacity.com/course/website-performance-optimization--ud884