Tech is political: The people under attack in Palestine 🇵🇸, Iran 🇮🇷, and Lebanon 🇱🇧 are people like us. They’re our brothers and sisters, too. Read up on their history, scrutinize what you’re told, and demand respect and accountability. Hide

Frontend Dogma

“rendering” News Archive

Definition, related topics, and tag feed

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

Entry (Sources) and Additional TopicsDate#
Different Hydration and Rendering Strategies (nec)67
strategies, hydration, static-site-generation, incremental-static-regeneration, client-side-rendering, server-side-rendering, streaming, components, react, tanstack, reactivity, comparisons
Intentionally Blocking Rendering With JavaScript (jay)66
javascript, painting, web-components
Safari and Firefox Change How Big Sites Render Based on the Domain. TikTok, Netflix, Instagram… Even Seatguru. Chrome Doesn’t. Why Is That? (den)65
safari, firefox, browsers, customization
On Rendering the Sky, Sunsets, and Planets (max)64
math, effects
From Java to Wayland: A Pixel’s Journey (jet)63
java
Definitive Guide to Multi-Threaded Rendering on the Web (hac)62
guides, dom
Measuring SVG Rendering Time (sto)61
svg, png, images, performance, web-vitals, metrics
ASCII Characters Are Not Pixels: A Deep Dive Into ASCII Rendering60
deep-dives, ascii
How Modern Browsers Work (add)59
browsers, chromium, network, parsing, painting, javascript-engines, v8, memory, modules, javascript, html, css
Inside a 16.67 Millisecond Frame58
javascript, reflow, painting, performance
The 3 Ways JavaScript Frameworks Render the DOM (rya)57
videos, frameworks, javascript, dom
Better Text Rendering in Chromium-Based Browsers on Windows (pat)56
typography, browser-engines, browsers, chromium, windows
How React Compiler Performs on Real Code (ade)55
react, compiling, memoization
How Does the React Compiler Perform on Real Code (ade/per)54
react, compiling, memoization, performance
How Browsers Really Load Web Pages (pro/wel)53
videos, browsers, parsing, http, performance
Exploring the Browser Rendering Process52
browsers, dom, cssom, painting
Improving Rendering Performance With CSS “content-visibility” (nol)51
css, performance, optimization
CSS Triggers (and)50
websites, css
How Does the Browser Render HTML? (and)49
browsers, browser-engines, html, dom, css, cssom, painting
“blocking=render”: Why Would You Do That?! (css)48
performance, html
How Google Handles JavaScript Throughout the Indexing Process47
google, seo, web-apps, javascript, history
How to Choose the Best Rendering Strategy for Your App46
how-tos, strategies, server-side-rendering, client-side-rendering, incremental-static-regeneration, comparisons
State of Text Rendering 202445
fonts
Using Critical CSS for Faster Rendering (spe)44
css, critical-path, performance
SSG, SSR, ISR, CSR Rendering Strategies in Next.js (fro)43
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)42
javascript, frameworks, reactivity, dom
Using CSS “content-visibility” to Boost Your Rendering Performance (log)41
css, performance
View Transitions Break Incremental Rendering (eee)40
view-transitions, apis
How to Detect Unnecessary Renderings of DOM Elements in Your Web App to Improve Performance39
how-tos, dom, performance, debugging, angular
How Blink Invalidates Styles When “:has()” [Is] in Use (iga)38
browsers, browser-engines, blink, css, selectors
Browser Rendering: What Happens Behind the Scenes (fro)37
browsers, browser-engines, parsing, painting, dom, cssom
The Acronyms of Rendering on the Web (whi)36
server-side-rendering, client-side-rendering, terminology
Deep Dive Into How Web Browsers Work (With Illustrations)35
browsers, deep-dives
How the Web Works: Understanding the Architecture of the Web34
web-platform, protocols
Adventures in Text Rendering: Kerning and Glyph Atlases33
typography, kerning
Two Lines of CSS That Boosts 7× Rendering Performance32
css, performance
The Ultimate Electron Guide31
guides, electron, chromium, nodejs, desktop
WebGPU—All of the Cores, None of the Canvas (sur)30
apis, canvas
Frontend Web Performance: The Essentials29
fundamentals, performance
RenderingNG: The Next-Generation Rendering Architecture for Chrome (chr)28
videos, browsers, chrome, browser-engines, chromium
RenderingNG: An Architecture That Makes and Keeps Chrome Fast for the Long Term (chr)27
browsers, chrome, browser-engines, chromium
Key Data Structures and Their Roles in RenderingNG (chr+)26
browsers, browser-engines, chromium, google, data-structures
Does Shadow DOM Improve Style Performance? (nol)25
dom, shadow-dom, performance
Overview of the RenderingNG Architecture (chr)24
overviews, browsers, browser-engines, chromium, google
How to Eliminate Render-Blocking Resources: A Deep Dive (sia)23
how-tos, performance
ISR vs. DPR: Big Words, Quick Explanation (cas/sma)22
incremental-static-regeneration, terminology, concepts
RenderingNG (chr)21
browsers, browser-engines, chromium, google, history
Understanding Rendering in Web Apps: SPA vs. MPA20
web-apps, single-page-apps, multi-page-apps, comparisons
Browsers Are Pretty Good at Loading Pages, It Turns Out19
javascript, performance, browsers
The Client/Server Rendering Spectrum (chr/css)18
server-side-rendering, client-side-rendering
Rendering on the Web (add+)17
server-side-rendering, client-side-rendering, performance, hydration, seo
Static vs. Server Rendering16
performance, comparisons, react
Browser Painting and Considerations for Web Performance (css)15
browsers, browser-engines, painting, performance
Using the Paint Timing API (mal/css)14
apis, time, performance, painting, javascript
The Future of Loading CSS (jaf)13
html, css, chrome, browsers
Pixels Are Expensive (aer)12
performance, painting
What Every Frontend Developer Should Know About Webpage Rendering11
dom, cssom, painting, reflow, browsers, browser-engines
Solving Rendering Performance Puzzles (jaf)10
svg, javascript, performance
A Closer Look at Font Rendering (sma)9
fonts, typography
How Browsers Work (pau)8
browsers, browser-engines, webkit, gecko, parsing, painting, html, css, javascript, link-lists
Efficiently Rendering CSS (chr/css)7
css, selectors, performance
IE8 Blacklist: Forcing Standards Rendering Opt-In6
internet-explorer, browsers, standards
Rendering Performance in Canvas Compared to SVG and VML (dal/aja)5
performance, canvas, svg, images, comparisons
Color Rendering Difference: Firefox vs. Safari (chr/css)4
colors, comparisons, firefox, safari, browsers
Goodbye Doctype Switching, Hello “meta” Targeting (mat)3
html, metadata, doctypes, browsers, internet-explorer
Font Rendering Differences: Firefox vs. IE vs. Safari (chr/css)2
css, fonts, firefox, internet-explorer, safari, browsers, comparisons
Advanced CSS Rendering1
css, xml