Skip to main content

Performance

Code​

  • DOM - DOM manipulation optimization, reflow/repaint, requestAnimationFrame, CSSOM
  • JavaScript - Memory leaks, function, async scheduling, event delegation
  • CSS - Properties, selector optimization, CSS triggers, loading and animation

Loading​

  • Cache - HTTP cache hierarchy, Cache-Control directives, code cache lifecycle, BFCache
  • Image - Responsive images, loading strategies, WebP/AVIF formats, optimization tools
  • Loading - Render blocking resources, preloading/prefetching, lazy loading, loading priorities

Monitoring​

  • Monitoring - Synthetic vs RUM, APIs, timing metrics, reporting strategies
  • Vitals - FP/FCP/LCP/INP/CLS metrics, observers, PRPL pattern

Best Practices​