Tech does not just watch: Take action against Russia’s war on Ukraine 🇺🇦, and take action against Israel’s occupation, destruction, and ethnic cleansing of Palestine (history) 🇵🇸 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#
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, 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, 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