[browser] CRPDiagram

less than 1 minute read

Minify, Compress, Cache => HTML, CSS, JS

Minimize use of render blocking resources (css)

  1. Use midea queries on to unblock rendering
  2. Inline CSS

Minimize use of parser blocking resoucres (JS)

  1. Defer JS execution
  2. Use async attribute on

Patterns:

  1. Minimize Bytes
  2. Reduce critical resources
  3. Shorten CRP length