Browser Rendering
Everything on SkillVeris tagged Browser Rendering — collected across the glossary, study notes, blog, and cheat sheets.
6 resources across 1 library
Interview Questions(6)
What Is the Difference Between Reflow and Repaint?
Reflow (also called layout) is the browser recalculating the position and size of elements on the page, while repaint is the browser redrawing pixels for eleme…
What Are Resource Hints (preload, prefetch, preconnect)?
Resource hints are HTML/HTTP directives such as preload, prefetch, preconnect, and dns-prefetch that tell the browser to start network work — connecting, resol…
What Is the Difference Between defer and async Scripts?
Both defer and async let the browser download a script without blocking HTML parsing, but defer additionally guarantees execution happens after parsing finishe…
Repaint vs Reflow: How Do They Affect Rendering Performance?
Reflow (layout) recalculates the position and geometry of elements across the page and is expensive, while repaint only redraws pixels for visual changes like…
What Is requestAnimationFrame and When Should You Use It?
requestAnimationFrame schedules a callback to run right before the browser’s next repaint, synchronizing JavaScript-driven animation with the display’s refresh…
What Is the Browser Rendering Pipeline?
The browser rendering pipeline is the sequence of steps — style, layout, paint, and composite — a browser runs to turn HTML, CSS, and DOM state into pixels on…