Life is about deciding who you are: Join us and decide to be for environmental protection, free education and generous social security, human rights and international law, and, of course, action against oppression and violence (starting with helping the people of occupied Palestine 🇵🇸). Hide

Frontend Dogma

“rendering” News Archive

Definition, related topics, and tag feed

Definition · Supertopics: browser-engines (non-exhaustive) · “rendering” RSS feed (per email)

Entry (Sources) and Additional TopicsDate#
Definitive Guide to Multi-Threaded Rendering on the Web (hac)60
guides, dom
Measuring SVG Rendering Time (sto)59
svg, png, images, performance, web-vitals, metrics
ASCII Characters Are Not Pixels: A Deep Dive Into ASCII Rendering58
deep-dives, ascii
How Modern Browsers Work (add)57
browsers, chromium, network, parsing, painting, javascript-engines, v8, memory, modules, javascript, html, css
Inside a 16.67 Millisecond Frame56
javascript, reflow, painting, performance
The 3 Ways JavaScript Frameworks Render the DOM (rya)55
videos, frameworks, javascript, dom
Better Text Rendering in Chromium-Based Browsers on Windows (pat/dev)54
typography, browser-engines, browsers, chromium, windows, microsoft
How React Compiler Performs on Real Code (ade)53
react, compiling, memoization
How Does the React Compiler Perform on Real Code (ade/per)52
react, compiling, memoization, performance
How Browsers Really Load Web Pages (pro/wel)51
videos, browsers, parsing, http, performance
Exploring the Browser Rendering Process50
browsers, dom, cssom, painting
Improving Rendering Performance With CSS “content-visibility” (nol)49
css, performance, optimization
CSS Triggers (and)48
websites, css
How Does the Browser Render HTML? (and)47
browsers, browser-engines, html, dom, css, cssom, painting
“blocking=render”: Why Would You Do That?! (css)46
performance, html
How Google Handles JavaScript Throughout the Indexing Process45
google, seo, web-apps, javascript, history
How to Choose the Best Rendering Strategy for Your App44
how-tos, strategies, server-side-rendering, client-side-rendering, incremental-static-regeneration, comparisons
State of Text Rendering 202443
fonts
Using Critical CSS for Faster Rendering (spe)42
css, critical-path, performance
SSG, SSR, ISR, CSR Rendering Strategies in Next.js (fro)41
static-site-generation, server-side-rendering, incremental-static-regeneration, client-side-rendering, strategies, comparisons, nextjs
Let’s Learn How Modern JavaScript Frameworks Work by Building One (nol)40
javascript, frameworks, reactivity, dom
Using CSS “content-visibility” to Boost Your Rendering Performance (log)39
css, performance
View Transitions Break Incremental Rendering (eee)38
view-transitions, apis
How to Detect Unnecessary Renderings of DOM Elements in Your Web App to Improve Performance37
how-tos, dom, performance, debugging, angular
How Blink Invalidates Styles When “:has()” [Is] in Use (iga)36
browsers, browser-engines, blink, css, selectors
Browser Rendering: What Happens Behind the Scenes (fro)35
browsers, browser-engines, parsing, painting, dom, cssom
The Acronyms of Rendering on the Web (whi)34
server-side-rendering, client-side-rendering, terminology
Deep Dive Into How Web Browsers Work (With Illustrations)33
browsers, deep-dives
How the Web Works: Understanding the Architecture of the Web32
web-platform, protocols
Adventures in Text Rendering: Kerning and Glyph Atlases31
typography, kerning
Two Lines of CSS That Boosts 7× Rendering Performance30
css, performance
The Ultimate Electron Guide29
guides, electron, chromium, nodejs, desktop
WebGPU—All of the Cores, None of the Canvas (sur)28
apis, canvas
Frontend Web Performance: The Essentials27
fundamentals, performance
RenderingNG: The Next-Generation Rendering Architecture for Chrome (chr/dev)26
videos, browsers, google, chrome, browser-engines, chromium
RenderingNG: An Architecture That Makes and Keeps Chrome Fast for the Long Term (chr/dev)25
browsers, google, chrome, browser-engines, chromium
Key Data Structures and Their Roles in RenderingNG (chr+/dev)24
browsers, browser-engines, chromium, google, data-structures
Does Shadow DOM Improve Style Performance? (nol)23
dom, shadow-dom, performance
Overview of the RenderingNG Architecture (chr/dev)22
overviews, browsers, browser-engines, chromium, google
How to Eliminate Render-Blocking Resources: A Deep Dive (sia)21
how-tos, performance
ISR vs. DPR: Big Words, Quick Explanation (cas/sma)20
incremental-static-regeneration, terminology, concepts
RenderingNG (chr/dev)19
browsers, browser-engines, chromium, google, history
Understanding Rendering in Web Apps: SPA vs. MPA18
web-apps, single-page-apps, multi-page-apps, comparisons
Browsers Are Pretty Good at Loading Pages, It Turns Out17
javascript, performance, browsers
The Client/Server Rendering Spectrum (chr/css)16
server-side-rendering, client-side-rendering
Rendering on the Web (add+/dev)15
server-side-rendering, client-side-rendering, performance, hydration, seo
Static vs. Server Rendering14
performance, comparisons, react
Browser Painting and Considerations for Web Performance (css)13
browsers, browser-engines, painting, performance
Using the Paint Timing API (mal/css)12
apis, time, performance, painting, javascript
The Future of Loading CSS (jaf)11
html, css, chrome, google, browsers
Pixels Are Expensive (aer)10
performance, painting
What Every Frontend Developer Should Know About Webpage Rendering9
dom, cssom, painting, reflow, browsers, browser-engines
Solving Rendering Performance Puzzles (jaf)8
svg, javascript, performance
A Closer Look at Font Rendering (sma)7
fonts, typography
How Browsers Work (pau/dev)6
browsers, browser-engines, webkit, gecko, parsing, painting, html, css, javascript, link-lists
Efficiently Rendering CSS (chr/css)5
css, selectors, performance
Rendering Performance in Canvas Compared to SVG and VML (dal/aja)4
performance, canvas, svg, images, comparisons
Color Rendering Difference: Firefox vs. Safari (chr/css)3
colors, comparisons, firefox, mozilla, safari, apple, browsers
Goodbye Doctype Switching, Hello “meta” Targeting (mat)2
html, metadata, doctype-switching, browsers, internet-explorer, microsoft
Font Rendering Differences: Firefox vs. IE vs. Safari (chr/css)1
css, fonts, firefox, mozilla, internet-explorer, microsoft, safari, apple, browsers, comparisons