Frontend Dogma

“performance” Archive

Supertopics: · subtopics: , , , , ,  (non-exhaustive) · glossary look-up: “performance”

Featured on Frontend Dogma? Confirm and whitelist your domain.

  1. State of Node.js Performance 2024 (by+/via) · · ,
  2. Simple Web Performance Mentoring (via) · · , ,
  3. Your Website Is a Restaurant (by/via) · ·
  4. The Evolution of Instant Web: What It Means for Performance Tooling (via) · · ,
  5. How Does the React Compiler Perform on Real Code (by/via) · · , , ,
  6. What a Web Performance Engineer Needs to Know About Cloud Cost Savings (via) · · , ,
  7. A Layered Approach to Speculation Rules (by) ·
  8. Goodhart’s Law in Action: 3 Webperf Examples (by/via) · · , , , , ,
  9. If Not React, Then What? (by) · · , , ,
  10. Preloading Responsive Images (by) · · , ,
  11. Optimizing JavaScript Engine Performance (by/via) · · , ,
  12. Faster TypeScript Compilation (by/via) · · , ,
  13. Designing (and Evolving) a New Web Performance Score (by) · ·
  14. From Gatsby to Eleventy (by) · · , , ,
  15. How Browsers Really Load Web Pages (by/via) · · , , , ,
  16. How to Use Lighthouse Wisely in Your Front-End Projects (by/via) · · , , , , , ,
  17. Addressing Users’ Painpoints: Best Practices for Identifying and Solving UX Design Problems (by/via) · · , , ,
  18. Why Responsive Design Is Failing Modern Users (via) · · , ,
  19. Learn Big O Notation Once and for All · · ,
  20. How to Optimize Performance in Vue Apps (by/via) · · , ,
  21. Performance (by+/via) · · , , ,
  22. Mastering Interaction to Next Paint (INP) (by/via) · ·
  23. Why Optimizing Your Lighthouse Score Is Not Enough for a Fast Website (by/via) · · , , ,
  24. How to Optimize React Performance: Best Practices and Techniques (via) · · , , , ,
  25. Using Cache Control in Nuxt to Improve Performance (by) · · ,
  26. The Image Compression Challenge (Donating Money for Excess-Free Projects) (by) · · , ,
  27. How to Speed Up Your Vue App With Server Side Rendering (by/via) · · , , ,
  28. Visualize a Webpage’s Memory Usage During a Performance Recording (by/via) · · , , , , , , ,
  29. How Is This Website So Fast!? (by) · · ,
  30. Platform Strategy and Its Discontents (by) · · , , , , ,
  31. The Greatness and Limitations of the “js-framework-benchmark” (by) · · , , ,
  32. How Effective UX Design Can Boost Business Success (by/via) · · , , , , ,
  33. Node vs. Bun: No Backend Performance Difference (by) · · , , ,
  34. Benchmarking the Performance of CSS “@ property” (by/via) · ·
  35. I Wasted a Day on CSS Selector Performance to Make a Website Load 2 ms Faster (by) · · ,
  36. “img sizes=auto” for Native Lazy Loading (by) · · , , ,
  37. Why We Switched From Cypress to Playwright (via) · · , , , ,
  38. Improving Rendering Performance With CSS “content-visibility” (by) · · , ,
  39. Optimising for High Latency Environments (by) · · , , ,
  40. Speed Up Your Website With “<link rel=preconnect>” (by) · ·
  41. Five Ways to Lazy Load Images for Better Website Performance (by/via) · · ,
  42. Chrome Ends Support for First Input Delay (by/via) · · , , , ,
  43. Skeleton Screens vs. Progress Bars vs. Spinners (by/via) · · ,
  44. Lazy Loading Isn’t Just Lazy, It’s Late: The Web Deserves Faster · · , , ,
  45. Faster Pages With React (by/via) · ·
  46. An SSR Performance Showdown (by) · · , , , , , ,
  47. The Ultimate Guide to Font Performance Optimization (via) · · , ,
  48. The Two Lines of CSS That Tanked Performance (120 FPS to 40 FPS) (by) · · ,
  49. 5 Wasm Use Cases for Frontend Development (by/via) · · , ,
  50. How to Make Your Web Page Faster Before It Even Loads (by/via) · · ,
  51. Common Misconceptions About How to Optimize LCP (by/via) · · , ,
  52. Cache Grab: How Much Are You Leaving on the Table? (by) · ·
  53. Reckoning: The Way Out (by) · · , ,
  54. Brand New Performance Features in Chrome DevTools (by/via) · · , , , ,
  55. 5 Questions for Tammy Everts (by+/via) · · , , ,
  56. Reckoning: Caprock (by) · ·
  57. “blocking=render”: Why Would You Do That?! (by) · · ,
  58. Reckoning: Object Lesson (by) · · ,
  59. Reckoning: The Landscape (by) · · , ,
  60. Is CSS Grid Really Slower Than Flexbox? (by) · · , , ,
  61. Who Is the Fastest? Node.js, Bun.js, or Deno.js (by) · · , , , , ,
  62. Flexible Network Data Preloading in Large SPAs (by) · · , ,
  63. Benchmarking AWS Lambda Cold Starts Across JavaScript Runtimes (by+/via) · · , , , , ,
  64. Why Is Spawning a New Process in Node So Slow? (by/via) · · ,
  65. 15 Page Speed Optimizations That Sites Ignore (at Their Own Risk) (by/via) · ·
  66. Speeding Up the JavaScript Ecosystem—Isolated Declarations (by) · · ,
  67. How Fast Is JavaScript? Simulating 20,000,000 Particles (by) · ·
  68. Top 7 WordPress Plugins for 2024: Enhance Your Site’s Performance (via) · · , ,
  69. YouTube Embeds Are Bananas Heavy and It’s Fixable (by/via) · · , ,
  70. Do Grayscale Images Take Less Space? · · ,
  71. Enhancing The New York Times Web Performance With React 18 (via) · · ,
  72. Advanced JavaScript Performance Optimization: Techniques and Patterns (by) · · , , ,
  73. Performance Mistakes You Might Not Realize You Are Making (by/via) · · , ,
  74. Bun Is Much Faster Than Node.js 22 at Decoding Base64 Inputs (by) · · , ,
  75. Writing a WordPress Theme in Less Than 4 KB · · , ,
  76. How React 19 (Almost) Made the Internet Slower (via) · ·
  77. Blazing Fast Websites With Speculation Rules (by/via) ·
  78. Highlight Areas That the Browser Engine Re-Paints (by/via) · · , , , , , , , , ,
  79. How to Hack Your Google Lighthouse Scores in 2024 (by/via) · · , ,
  80. Investigating INP Issues (by) · · ,
  81. Find Slow Interactions in the Field (by/via) · ·
  82. Analyze CSS Selector Performance During Recalculate Style Events (via) · · , , , , ,
  83. How Deep Is Your DOM? (by) · · , ,
  84. Semantic Code in HTML: What Is It and Does It Still Matter? (by) · · , , , ,
  85. Engineering for Slow Internet · ·
  86. Responsive Video Works Now—These Features Could Make It Work Better (by) · · , ,
  87. Lazy Load Components in Nuxt to Improve Performance (by) · · , ,
  88. Node.js Performance Hooks: Mastering the Mental Model (by) · · ,
  89. Speeding Up File Load Times, One Page at a Time (by/via) · ·
  90. “<style>”: Inline Optimizations for the Bold (by) · · , ,
  91. Comprehensive Guide to JavaScript Performance Analysis Using Chrome DevTools (by) · · , , , , , ,
  92. New Field Insights for Debugging INP (by/via) · · ,
  93. From Fast Loading to Instant Loading (by/via) · · ,
  94. Prefetching When Server Loading Won’t Do (by/via) · · , ,
  95. WebAssembly Performance Patterns for Web Apps (by) · · ,
  96. Optimizing INP: A Deep Dive (via) · · , , , , , , , ,
  97. Why Don’t We Talk About Minifying CSS Anymore? (by/via) · · ,
  98. Latency Numbers Every Frontend Developer Should Know (by/via) · · ,
  99. Hello Bun: How Sveld Now Deploys 2× Faster on GitHub and Render (by/via) · · , ,
  100. Using “@ defer” Defer Views in Angular 17 (by) · · ,
  101. Node.js Task Runner (by) · ·
  102. Five Ways Cookie Consent Managers Hurt Web Performance (and How to Fix Them) (by/via) · · ,
  103. 9 Signs Your Frontend Code Has Quality Issues That Affect Your Users (by) · · , , , , ,
  104. Monitoring BFCache Blocking Reasons (by/via) · · , ,
  105. Epic App Performance Starts With the Database (by/via) · · , ,
  106. Optimizing WebKit and Safari for Speedometer 3.0 (by+/via) · · , , , ,
  107. Understanding Interaction to Next Paint (INP) (by/via) · ·
  108. An Introduction to the Node.js Performance API (by/via) · · , ,
  109. Faster Websites With the “picture” Element (by) · · ,
  110. BFCache Explained (by) · ·
  111. How I Fixed My Brutal TTFB (by/via) · · ,
  112. Profile Node.js Performance With the Performance Panel (by/via) · · , , , , ,
  113. Don’t Get Scammed by Fake Performance Experts and Apps (by/via) · ·
  114. This Pattern Will Wreck Your React App’s TS Performance (by) · · , ,
  115. Time to Ditch Analytics? Tracking Scripts and Web Sustainability (by/via) · · , , , ,
  116. Migrating Away From Jest and Achieving Over 90% Reduction in Running Time (by) · · , , ,
  117. How Web Bloat Impacts Users With Slow Devices (by) · · , ,
  118. How to Optimize Cumulative Layout Shift (CLS) on Shopify Sites (by/via) · · , , ,
  119. Performance Tooling in 2024 and Beyond (by+/via) · · , , , ,
  120. HTML Performance Optimization: Tips for Faster Loading Pages · · , , ,
  121. Interaction to Next Paint Is Officially a Core Web Vital (by/via) · ·
  122. Announcing Speedometer 3.0: A Shared Browser Benchmark for Web Application Responsiveness · · ,
  123. What Is INP and Why You Should Care (by/via) · · ,
  124. Have You Optimized for INP? (by) · · ,
  125. AVIF Is the Future of Web Images · · , ,
  126. How to Lazy-Load CodePen and Caniuse Embeds (by) · · , ,
  127. Reporting Core Web Vitals With the Performance API (by/via) · · ,
  128. What Is a Single-Page Application? (by) · · , ,
  129. JavaScript Bloat in 2024 (by) · ·
  130. The One Trick Every Flutter Web Dev Needs to Know (by/via) · · ,
  131. How to Optimize the Web for the Worst User Conditions? (by) · · , , ,
  132. What Is Lighthouse Speed Index (SI) and How to Reduce It · · , ,
  133. The Importance of Web Performance to Information Equity (by/via) · · ,
  134. Making Your SVG Icons CSS Masks Instead of Inline HTML or Backgrounds Has Some Benefits (by/via) · · , , ,
  135. Interaction to Next Paint Becomes a Core Web Vital on March 12 (by+/via) · · ,
  136. The Psychology of Site Speed and Human Happiness (by/via) · ·
  137. LCP and FCP on Single Page Application on Soft Navigations (by) · · , ,
  138. How Core Web Vitals Affect SEO (by+/via) · · , , ,
  139. Why Do Reflows Negatively Affect Performance? (by/via) · ·
  140. Guide to Fast Next.js (by/via) · · , , , ,
  141. The Evolution of Page Speed (by/via) · · , , ,
  142. Optimizing SQL Queries by 23× (by) · · , ,
  143. JS Perf Wins and New Node.js Features With Yagiz Nizipli (by+/via) · · , , ,
  144. React Is Slow, What to Do Now? · ·
  145. Measuring, Monitoring, and Optimizing TTFB With Server Timing (by/via) · · , ,
  146. The State of Benchmarking in Node.js (by) · · ,
  147. Debugging Fetch Priority (by+/via) · · , , ,
  148. The Golden Rule of Web Performance and Different Performance Engineering Specializations (by/via) · ·
  149. RLI (Recently Logged-In) Browser Cache Bypassing (by/via) · · ,
  150. A Checklist for CLS Scenarios (by/via) · · ,
  151. Who Stole My Largest Contentful Paint? (by/via) · · ,
  152. How We Reduced CSS Size and Improved Performance Across GOV.UK (via) · · , ,
  153. Getting Started With Web Performance (by/via) · · , ,
  154. Ten Optimisation Tips for an Initial Web Performance Audit (by/via) · · , ,
  155. Improve App Performance With Angular 17 “defer” (by) · · , ,
  156. How I Brought LCP Down to Under 350 ms for Google-Referred Users on My Website (by) · · , ,
  157. React Performance Optimization (by/via) · · ,
  158. Preparing for Interaction to Next Paint, a New Web Core Vital (by/via) · · ,
  159. Testing the Performance of Social Media Embeds (by/via) · · , ,
  160. An Informed Pre-Caching Strategy for Large Sites (by/via) · · ,
  161. Fastest Way of Passing State to JavaScript, Re-Visited (by/via) · · ,
  162. Debugging BFCache, Make Your Page Load Instantly (by+/via) · · , , , , , ,
  163. Measure LCP Sub-Parts to Improve Largest Contentful Paint (via) · · ,
  164. Resource Loading at the Cutting Edge (by/via) · ·
  165. Kicking the Excessive JavaScript Habit (by/via) · · , ,
  166. Psychology of Speed: A Guide to Perceived Performance (by/via) · · ,
  167. URL Parser Performance (by) · · ,
  168. The Unbearable Weight of Massive JavaScript (by/via) · · , ,
  169. Optimizing Frontend Performance: Mastering Memoization, Throttling, and Debouncing (by) · · , , ,
  170. A Faster Web in 2024 (by) · · , ,
  171. Using CSS “content-visibility” to Boost Your Rendering Performance (via) · · ,
  172. How Core Web Vitals Saved Users 10,000 Years of Waiting for Web Pages to Load (by+/via) · · , ,
  173. Why We Need a “Green” Perf Metric (by/via) · · , ,
  174. Performance in React and Next.js (by/via) · · , ,
  175. Speeding Up the JavaScript Ecosystem—Tailwind CSS (by) · · ,
  176. Learn Performance (by+/via) · ·
  177. Answering Common Questions About Interpreting Page Speed Reports (by/via) · ·
  178. Effective Strategies for Optimizing Performance (by/via) · · ,
  179. 20 Effective Tips to Speed Up Your Drupal Website (by/via) · · , ,
  180. Liquid vs. Headless: A Look at Real User Web Performance (by/via) · · , , ,
  181. Performance Optimization With Worker Threads Node.js · · , ,
  182. Tailwind vs. Semantic CSS (by) · · , , , ,
  183. Solid.js Creator Outlines Options to Reduce JavaScript Code (by/via) · ·
  184. The Three Cs: Concatenate, Compress, Cache (by) · · ,
  185. The Hidden Performance Cost of Node.js and GraphQL (by) · · ,
  186. Speeding Up the JavaScript Ecosystem—the Barrel File Debacle (by) · · ,
  187. The Ultimate Low-Quality Image Placeholder Technique (by) · · ,
  188. Optimizing Web Fonts (by/via) · · , ,
  189. Speeding Up the JavaScript Ecosystem—Polyfills Gone Rogue (by) · · ,
  190. The Psychology of Web Performance (by/via) · · , ,
  191. Experimenting With Measuring Soft Navigations (by+/via) · · , , ,
  192. Get All That Network Activity Under Control With Priority Hints (by) · · ,
  193. Sustainability and Tech and Us (by) · · , ,
  194. Stop Lazy Loading Product and Hero Images (by/via) · · ,
  195. I Think I Kind of Hate Lazy Loading (by) · ·
  196. Why Do I Have Layout Shift? (by+/via) · · ,
  197. Benchmarks [for 24 CSV Parsing Approaches] (by) · · , ,
  198. Five Optimization and Performance Tools That Enhance Website User Experience (via) · · , , ,
  199. Code Splitting in React: Optimize Performance by Splitting Your Code (by) · · , ,
  200. Debugging Speculation Rules (by/via) · ·
  201. How Layout Position Impacts Three Big Web Performance Levers (by/via) · ·
  202. A Guide to Optimizing JavaScript Files (by/via) · · , , , ,
  203. Google Tag Manager Performance: 9 Tips for Faster Site Speed (via) · · , ,
  204. A Guide to Single-Page Application Performance (via) · · , , ,
  205. How to Improve Performance of Your Database by Indexing Large Tables (by) · · , ,
  206. Optimizing Speed on ebay.com (by) · · , ,
  207. How We Optimized Performance to Serve a Global Audience (by/via) · · ,
  208. You Probably Don’t Need “http-equiv” Meta Tags (by) · · , ,
  209. Speeding Up V8 Heap Snapshots (by/via) · · , , ,
  210. Core Web Vitals for Search Engine Optimisation: What Do We Need to Know? (by) · · ,
  211. Preload vs. Early Hints vs. Fetch Priority (via) · · , , , ,
  212. A Case Study on Scroll-Driven Animations Performance (via) · · , , ,
  213. Loading and Progress Indicators (via) · · , ,
  214. How to Prevent Unnecessary React Component Re-Rendering (by) · · , ,
  215. Is Lighthouse a Misleading Performance Tool? · · , , ,
  216. What Is Page Bloat? And How Is It Hurting Your Business, Your Search Rank, and Your Users? (by/via) · · , , ,
  217. In Defence of “DOM­Content­Loaded” (by) · · ,
  218. What Does the Image “decoding” Attribute Actually Do? (by) · · ,
  219. Debugging INP (by) · · , ,
  220. The Cost of JavaScript 2023 (by) · · ,
  221. Too Much JavaScript? Why the Frontend Needs to Build Better (by/via) · · ,
  222. Style Recalculation Secrets They Don’t Want You to Know (by/via) · · , ,
  223. Before Your Next Frontend Pull Request, Use This Checklist (by+/via) · · , , , , ,
  224. Reducing Complexity in Front End Development (by/via) · · , ,
  225. How to Detect Unnecessary Renderings of DOM Elements in Your Web App to Improve Performance (by) · · , , , ,
  226. How Chrome Achieved High Scores on Three Browser Benchmarks (by/via) · · , ,
  227. Performance Is Not a Checklist (by) · · ,
  228. Watch Out for Layout Shifts With “ch” Units (by/via) · · ,
  229. Deploying AVIF for More Responsive Websites (by/via) · · ,
  230. Announcing INP as the Next Core Web Vital: What Shopify Stores Can Do Now (by/via) · · ,
  231. Introducing INP to Core Web Vitals (via) · · , ,
  232. The 9 Most Effective Core Web Vitals Opportunities of 2023 (by/via) · · ,
  233. How to Optimize Web Responsiveness With Interaction to Next Paint (by+/via) · · , ,
  234. Advancing Interaction to Next Paint (by+/via) · ·
  235. Script Evaluation and Long Tasks (by/via) · · ,
  236. Optimize Input Delay (by/via) · · ,
  237. How Large DOM Sizes Affect Interactivity, and What You Can Do About It (by/via) · · , ,
  238. Find Slow Interactions in the Field (by/via) · · ,
  239. Diagnose Slow Interactions in the Lab (by/via) · ·
  240. Client-Side Rendering of HTML and Interactivity (by/via) · · ,
  241. Pay Attention to Web Performance Metrics to Improve the UX (by/via) · · , , ,
  242. 5 Best Practices to Sustainably Improve Core Web Vitals (by/via) · · ,
  243. Make Your Website Load Fast by Optimizing Request Priorities (via) · · ,
  244. The Intersectionality of Web Performance (by) · · ,
  245. A Complete Guide to Performance Budgets (by/via) · · , ,
  246. CDNs: Speed Up Performance by Reducing Latency (by) · ·
  247. Practical Guide to Not Blocking the Event Loop · · , , ,
  248. Reducing the Cost of String Serialization in Node.js Core (by) · ·
  249. Frontend Web Performance Checklist (by) · ·
  250. Exploring the Potential of Web Workers for Multithreading on the Web (by/via) · · , ,