advanced
Browser Rendering Path Optimization
Analyze and optimize the critical rendering path for web apps.
📝 Konten Prompt
Analyze the critical rendering path of a modern Single Page Application (SPA). Identify bottlenecks related to DOM construction, Layout (Reflow), and Paint. Propose specific code optimizations including minimizing main-thread work, using CSS containment, virtual scrolling for large lists, and efficient event handling. Provide a comparative analysis of Performance API metrics before and after optimization.