Frontend Engineering
Browser & Rendering
6 practice questions. Free questions open a full answer guide; the rest unlock with Pro.
- On a content-heavy dashboard, you want offscreen sections to stop costing layout and paint work until the user scrolls to them. How would you reason about using content-visibility, and what are the trade-offs you'd watch for?
- Walk me through what the browser does between receiving HTML and painting pixels, and how that pipeline informs where you'd look first for a slow or janky render.Go Pro
- Why do animating an element's width or top position and animating its transform behave so differently for performance, and how does that change which CSS properties you animate?Go Pro
- What's the difference between a reflow and a repaint, and why does it matter which one your code triggers?Go Pro
- A page on your team's app feels janky during scroll, and the DevTools performance trace shows long 'Recalculate Style' and 'Layout' bars firing repeatedly inside one frame. Walk me through what's happening in the rendering pipeline and how you'd diagnose and fix it.Go Pro
- Walk me through what the browser does between receiving the HTML and painting pixels on the screen.Go Pro
Want questions matched to your role? Paste a job title, job description, or CV for a personalized set, or go Pro to unlock the full bank.