| Better Text Rendering in Chromium-Based Browsers on Windows (pat/dev) | | 52 |
| typography, browser-engines, browsers, chromium, windows, microsoft |
| How Does the React Compiler Perform on Real Code (ade) | | 51 |
| react, compiling, memoization, performance |
| How React Compiler Performs on Real Code (ade) | | 50 |
| react, compiling, memoization |
| How Browsers Really Load Web Pages (pro/wel) | | 49 |
| videos, browsers, parsing, http, performance |
| Exploring the Browser Rendering Process | | 48 |
| browsers, dom, cssom, painting |
| Improving Rendering Performance With CSS “content-visibility” (nol) | | 47 |
| css, performance, optimization |
| CSS Triggers (and) | | 46 |
| websites, css |
| How Does the Browser Render HTML? (and) | | 45 |
| browsers, browser-engines, html, dom, css, cssom, painting |
| “blocking=render”: Why Would You Do That?! (css) | | 44 |
| performance, html |
| How Google Handles JavaScript Throughout the Indexing Process (ver) | | 43 |
| google, seo, web-apps, javascript, history |
| How to Choose the Best Rendering Strategy for Your App (ver) | | 42 |
| how-tos, strategies, server-side-rendering, client-side-rendering, incremental-static-regeneration, comparisons |
| State of Text Rendering 2024 | | 41 |
| fonts |
| SSG, SSR, ISR, CSR Rendering Strategies in Next.js (fro) | | 40 |
| server-side-rendering, incremental-static-regeneration, client-side-rendering, strategies, comparisons, nextjs |
| Let’s Learn How Modern JavaScript Frameworks Work by Building One (nol) | | 39 |
| javascript, frameworks, reactivity, dom |
| Using CSS “content-visibility” to Boost Your Rendering Performance (log) | | 38 |
| css, performance |
| View Transitions Break Incremental Rendering (eee) | | 37 |
| view-transitions, apis |
| How to Detect Unnecessary Renderings of DOM Elements in Your Web App to Improve Performance | | 36 |
| how-tos, dom, performance, debugging, angular |
| How Blink Invalidates Styles When “:has()” [Is] in Use (iga) | | 35 |
| browsers, browser-engines, blink, css, selectors |
| Browser Rendering: What Happens Behind the Scenes (fro) | | 34 |
| browsers, browser-engines, parsing, painting, dom, cssom |
| The Acronyms of Rendering on the Web (whi) | | 33 |
| server-side-rendering, client-side-rendering, terminology |
| Deep Dive Into How Web Browsers Work (With Illustrations) | | 32 |
| browsers, deep-dives |
| How the Web Works: Understanding the Architecture of the Web | | 31 |
| web-platform, protocols |
| Adventures in Text Rendering: Kerning and Glyph Atlases | | 30 |
| typography, kerning |
| Two Lines of CSS That Boosts 7× Rendering Performance | | 29 |
| css, performance |
| The Ultimate Electron Guide | | 28 |
| guides, electron, chromium, nodejs, desktop |
| WebGPU—All of the Cores, None of the Canvas (sur) | | 27 |
| apis, canvas |
| Frontend Web Performance: The Essentials | | 26 |
| fundamentals, performance |
| RenderingNG: The Next-Generation Rendering Architecture for Chrome (chr/dev) | | 25 |
| videos, browsers, google, chrome, browser-engines, chromium |
| RenderingNG: An Architecture That Makes and Keeps Chrome Fast for the Long Term (chr/dev) | | 24 |
| browsers, google, chrome, browser-engines, chromium |
| Key Data Structures and Their Roles in RenderingNG (chr+/dev) | | 23 |
| browsers, browser-engines, chromium, google, data-structures |
| Does Shadow DOM Improve Style Performance? (nol) | | 22 |
| dom, shadow-dom, performance |
| Overview of the RenderingNG Architecture (chr/dev) | | 21 |
| overviews, browsers, browser-engines, chromium, google |
| How to Eliminate Render-Blocking Resources: A Deep Dive (sia) | | 20 |
| how-tos, performance |
| ISR vs. DPR: Big Words, Quick Explanation (cas/sma) | | 19 |
| incremental-static-regeneration, terminology, concepts |
| RenderingNG (chr/dev) | | 18 |
| browsers, browser-engines, chromium, google, history |
| Understanding Rendering in Web Apps: SPA vs. MPA | | 17 |
| web-apps, single-page-apps, multi-page-apps, comparisons |
| Browsers Are Pretty Good at Loading Pages, It Turns Out | | 16 |
| javascript, performance, browsers |
| The Client/Server Rendering Spectrum (chr/css) | | 15 |
| server-side-rendering, client-side-rendering |
| Rendering on the Web (add+/dev) | | 14 |
| server-side-rendering, client-side-rendering, performance, hydration, seo |
| Static vs. Server Rendering | | 13 |
| performance, comparisons, react |
| Browser Painting and Considerations for Web Performance (css) | | 12 |
| browsers, browser-engines, painting, performance |
| Using the Paint Timing API (mal/css) | | 11 |
| apis, performance, painting, javascript |
| The Future of Loading CSS (jaf) | | 10 |
| html, css, chrome, google, browsers |
| Pixels Are Expensive (aer) | | 9 |
| performance, painting |
| What Every Frontend Developer Should Know About Webpage Rendering | | 8 |
| dom, cssom, painting, reflow, browsers, browser-engines |
| Solving Rendering Performance Puzzles (jaf) | | 7 |
| svg, javascript, performance |
| A Closer Look at Font Rendering (sma) | | 6 |
| fonts, typography |
| How Browsers Work (pau/dev) | | 5 |
| browsers, browser-engines, webkit, gecko, parsing, painting, html, css, javascript, link-lists |
| Efficiently Rendering CSS (chr/css) | | 4 |
| css, selectors, performance |
| 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 |
