Frontend Dogma

“performance” Archive

  1. WebAssembly Performance Patterns for Web Apps · · ,
  2. Optimizing INP: A Deep Dive · · , , , , , , ,
  3. Why Don’t We Talk About Minifying CSS Anymore? · · ,
  4. Latency Numbers Every Frontend Developer Should Know · · ,
  5. Hello Bun: How Sveld Now Deploys 2× Faster on GitHub and Render · · , ,
  6. Node.js Task Runner · ·
  7. Five Ways Cookie Consent Managers Hurt Web Performance (and How to Fix Them) · · ,
  8. 9 Signs Your Frontend Code Has Quality Issues That Affect Your Users · · , , , , ,
  9. Monitoring BFCache Blocking Reasons · · , ,
  10. Epic App Performance Starts With the Database · · , , ,
  11. Optimizing WebKit and Safari for Speedometer 3.0 · · , , , ,
  12. An Introduction to the Node.js Performance API · · , ,
  13. Understanding Interaction to Next Paint (INP) · ·
  14. Faster Websites With the “picture” Element · · ,
  15. BFCache Explained · ·
  16. How I Fixed My Brutal TTFB · · ,
  17. Profile Node.js Performance With the Performance Panel · · , , , , ,
  18. Don’t Get Scammed by Fake Performance Experts and Apps · ·
  19. This Pattern Will Wreck Your React App’s TS Performance · · , ,
  20. Time to Ditch Analytics? Tracking Scripts and Web Sustainability · · , , ,
  21. Migrating Away from Jest and Achieving over 90% Reduction in Running Time · · , , ,
  22. How Web Bloat Impacts Users With Slow Devices · · , ,
  23. Performance Tooling in 2024 and Beyond · · , , ,
  24. Interaction to Next Paint Is Officially a Core Web Vital · ·
  25. Have You Optimized for INP? · · ,
  26. What Is INP and Why You Should Care · · ,
  27. Announcing Speedometer 3.0: A Shared Browser Benchmark for Web Application Responsiveness · · ,
  28. AVIF Is the Future of Web Images · · , ,
  29. How to Lazy-Load CodePen and CanIUse Embeds · · ,
  30. Reporting Core Web Vitals With the Performance API · · ,
  31. What Is a Single-Page Application? · · , ,
  32. JavaScript Bloat in 2024 · ·
  33. The One Trick Every Flutter Web Dev Needs to Know · · ,
  34. How to Optimize the Web for the Worst User Conditions? · · , , ,
  35. The Importance of Web Performance to Information Equity · · ,
  36. Interaction to Next Paint Becomes a Core Web Vital on March 12 · · ,
  37. The Psychology of Site Speed and Human Happiness · ·
  38. LCP and FCP on Single Page Application on Soft Navigations · · , ,
  39. Why Do Reflows Negatively Affect Performance? · ·
  40. How Core Web Vitals Affect SEO · · , ,
  41. Guide to Fast Next.js · · , , , ,
  42. The Evolution of Page Speed · · , , ,
  43. Optimizing SQL Queries by 23× · · , ,
  44. JS Perf Wins and New Node.js Features With Yagiz Nizipli · · , , ,
  45. React Is Slow, What to Do Now? · ·
  46. Measuring, Monitoring, and Optimizing TTFB With Server Timing · · , ,
  47. Debugging Fetch Priority · · , , ,
  48. The State of Benchmarking in Node.js · · ,
  49. The Golden Rule of Web Performance and Different Performance Engineering Specializations · ·
  50. RLI (Recently Logged-In) Browser Cache Bypassing · · ,
  51. A Checklist for CLS Scenarios · · ,
  52. How We Reduced CSS Size and Improved Performance Across GOV.UK · · , ,
  53. Who Stole My Largest Contentful Paint? · · ,
  54. Ten Optimisation Tips for an Initial Web Performance Audit · · , ,
  55. Getting Started With Web Performance · · , ,
  56. Improve App Performance With Angular 17 “defer” · · , ,
  57. How I Brought LCP Down to Under 350 ms for Google-Referred Users on My Website · · , ,
  58. React Performance Optimization · · ,
  59. Preparing for Interaction to Next Paint, a New Web Core Vital · · ,
  60. An Informed Pre-Caching Strategy for Large Sites · · ,
  61. Testing the Performance of Social Media Embeds · · , ,
  62. Fastest Way of Passing State to JavaScript, Re-Visited · · ,
  63. Debugging BFCache, Make Your Page Load Instantly · · , , , , , ,
  64. Measure LCP Sub-Parts to Improve Largest Contentful Paint · · ,
  65. Resource Loading at the Cutting Edge · ·
  66. Kicking the Excessive JavaScript Habit · · , ,
  67. Psychology of Speed: A Guide to Perceived Performance · · ,
  68. The Unbearable Weight of Massive JavaScript · · , ,
  69. URL Parser Performance · · ,
  70. Optimizing Frontend Performance: Mastering Memoization, Throttling, and Debouncing · · , , ,
  71. A Faster Web in 2024 · · , ,
  72. Using CSS “content-visibility” to Boost Your Rendering Performance · · ,
  73. How Core Web Vitals Saved Users 10,000 Years of Waiting for Web Pages to Load · · , ,
  74. Why We Need a “Green” Perf Metric · · , ,
  75. Learn Performance · ·
  76. Speeding Up the JavaScript Ecosystem—Tailwind CSS · · ,
  77. Answering Common Questions About Interpreting Page Speed Reports · ·
  78. 20 Effective Tips to Speed Up Your Drupal Website · · , ,
  79. Effective Strategies for Optimizing Performance · · ,
  80. Performance Optimization With Worker Threads Node.js · · , ,
  81. Tailwind vs. Semantic CSS · · , , , ,
  82. Solid.js Creator Outlines Options to Reduce JavaScript Code · ·
  83. The Three Cs: Concatenate, Compress, Cache · · ,
  84. Speeding Up the JavaScript Ecosystem—the Barrel File Debacle · · ,
  85. The Hidden Performance Cost of Node.js and GraphQL · · ,
  86. The Ultimate Low-Quality Image Placeholder Technique · · ,
  87. Speeding Up the JavaScript Ecosystem—Polyfills Gone Rogue · · ,
  88. Experimenting With Measuring Soft Navigations · · , , ,
  89. The Psychology of Web Performance · ·
  90. Get All That Network Activity Under Control With Priority Hints · · ,
  91. Sustainability and Tech and Us · · , ,
  92. Stop Lazy Loading Product and Hero Images · · ,
  93. I Think I Kind of Hate Lazy Loading · ·
  94. Why Do I Have Layout Shift? · · ,
  95. Benchmarks [for 24 CSV Parsing Approaches] · · , ,
  96. Five Optimization and Performance Tools That Enhance Website User Experience · · , , ,
  97. Code Splitting in React: Optimize Performance by Splitting Your Code · · , ,
  98. Debugging Speculation Rules · ·
  99. How Layout Position Impacts Three Big Web Performance Levers · ·
  100. A Guide to Optimizing JavaScript Files · · , , , ,
  101. Google Tag Manager Performance: 9 Tips for Faster Site Speed · · , ,
  102. A Guide to Single-Page Application Performance · · , , ,
  103. How to Improve Performance of Your Database by Indexing Large Tables · · , ,
  104. Optimizing Speed on ebay.com · · , ,
  105. How We Optimized Performance to Serve a Global Audience · · ,
  106. Speeding Up V8 Heap Snapshots · · , , ,
  107. You Probably Don’t Need “http-equiv” Meta Tags · · , ,
  108. Core Web Vitals for Search Engine Optimisation: What Do We Need to Know? · · ,
  109. Preload vs. Early Hints vs. Fetch Priority · · , , , ,
  110. A Case Study on Scroll-Driven Animations Performance · · , , ,
  111. Loading and Progress Indicators · ·
  112. How to Prevent Unnecessary React Component Re-Rendering · · , ,
  113. Is Lighthouse a Misleading Performance Tool? · · , ,
  114. What Is Page Bloat? And How Is It Hurting Your Business, Your Search Rank, and Your Users? · · , , ,
  115. In Defence of “DOM­Content­Loaded” · · ,
  116. What Does the Image “decoding” Attribute Actually Do? · · ,
  117. Debugging INP · · , ,
  118. The Cost of JavaScript 2023 · · ,
  119. Too Much JavaScript? Why the Frontend Needs to Build Better · · ,
  120. Style Recalculation Secrets They Don’t Want You to Know · · , ,
  121. Before Your Next Frontend Pull Request, Use This Checklist · · , , , , ,
  122. Reducing Complexity in Front End Development · · , ,
  123. How to Detect Unnecessary Renderings of DOM Elements in Your Web App to Improve Performance · · , , , ,
  124. How Chrome Achieved High Scores on Three Browser Benchmarks · · , ,
  125. Performance Is Not a Checklist · · ,
  126. Watch Out for Layout Shifts With “ch” Units · · ,
  127. Deploying AVIF for More Responsive Websites · · ,
  128. How to Optimize Web Responsiveness With Interaction to Next Paint · · , ,
  129. Introducing INP to Core Web Vitals · · ,
  130. Advancing Interaction to Next Paint · ·
  131. The 9 Most Effective Core Web Vitals Opportunities of 2023 · · ,
  132. Script Evaluation and Long Tasks · · ,
  133. Optimize Input Delay · · ,
  134. Diagnose Slow Interactions in the Lab · ·
  135. Find Slow Interactions in the Field · · ,
  136. How Large DOM Sizes Affect Interactivity, and What You Can Do About It · · , ,
  137. Client-Side Rendering of HTML and Interactivity · · ,
  138. Pay Attention to Web Performance Metrics to Improve the UX · · , , ,
  139. 5 Best Practices to Sustainably Improve Core Web Vitals · · ,
  140. Make Your Website Load Fast by Optimizing Request Priorities · · ,
  141. The Intersectionality of Web Performance · · ,
  142. A Complete Guide to Performance Budgets · · ,
  143. Practical Guide to Not Blocking the Event Loop · · , ,
  144. CDNs: Speed Up Performance by Reducing Latency · ·
  145. Reducing the Cost of String Serialization in Node.js Core · ·
  146. Frontend Web Performance Checklist · ·
  147. Exploring the Potential of Web Workers for Multithreading on the Web · · , ,
  148. Intro to Runtime Performance in the Chrome DevTools Performance Panel · · , , , , ,
  149. DevTools: A Better Way to Visualize Your JavaScript · · , , , , , ,
  150. Speeding Up the JavaScript Ecosystem—Draft-js Emoji Plugin · · ,
  151. Serving Less Data to Users With the “prefers-reduced-data” Media Query · · , ,
  152. Costly CSS Properties and How to Optimize Them · · ,
  153. Understanding CSS Preload and Other Resource Hints · · ,
  154. The Performance Golden Rule Revisited · ·
  155. Slow Start and Congestion Control (Browser Networking) · · ,
  156. 7 Tricks to Take the Performance of Your Website to the Moon · · , ,
  157. 10 Ways to Hide Elements in CSS · · ,
  158. Flutter Performance Optimization Techniques and Best Practices · · , ,
  159. Defaulting on Single Page Applications (SPA) · · ,
  160. The Ultimate Guide to Image Optimisation · · , , ,
  161. Speeding Up the JavaScript Ecosystem—npm Scripts · · , ,
  162. 2023 Web Framework Performance Report · · , , , , , , , ,
  163. Optimising Large Contentful Paint · · , ,
  164. The JavaScript Site Generator Review, 2023 · · , , , , , , , ,
  165. This Is Why Performance Matters · · ,
  166. An Approach to Lazy Loading Custom Elements · · ,
  167. Caching at DEV · · ,
  168. What’s New in Lighthouse 10 · · , ,
  169. Speeding Up the JavaScript Ecosystem—ESLint · · , ,
  170. The Gotcha With Animating Custom Properties · · , ,
  171. Speed for Who? · · , ,
  172. Your Web Performance Is Too Reactive; It’s Time to Do More Than Put Out Fires ·
  173. The Modern Way of Serving Images · · ,
  174. How to Review a Web Site · · , ,
  175. Optimize Time to First Byte · ·
  176. Why We Switched CDNs: How Google’s Core Web Vitals Led Us to Cloudflare Pages · · ,
  177. The Truth About CSS Selector Performance · · ,
  178. Optimizing the Image Element LCP · · ,
  179. Speeding Up the JavaScript Ecosystem—Module Resolution · · ,
  180. Our Top Core Web Vitals Recommendations for 2023 · · ,
  181. Why Not “document.write()”? · ·
  182. Why Web Performance Still Matters in 2023 ·
  183. Priority Hints and Optimizing LCP · · , ,
  184. The RUM Archive and Benford’s Law ·
  185. HTTP/3 Prioritization Demystified · · ,
  186. Signals: The Nitty-Gritty · · ,
  187. Bad Performance Is Bad Accessibility · ·
  188. The Performance Inequality Gap, 2023 ·
  189. Beating Latency on Scalemates.com · ·
  190. Using Inline JavaScript Modules to Prevent CSS Blockage · · ,
  191. An HTML-First Mental Model · · ,
  192. Get off the Main Thread With an Inline Web Worker: An Example · · , ,
  193. LCP(FE) · ·
  194. Web Performance and Compression · ·
  195. Optimize Interaction to Next Paint · · ,
  196. Adding Complementary Performance Data to Your Site · ·
  197. Accessibility: The Land That “Time to Interactive” Forgot · · ,
  198. Reduce Image Sizes by Removing Metadata · · , ,
  199. Fast Is Good, Instant Is Better · ·
  200. Prerender Pages in Chrome for Instant Page Navigations · · , ,
  201. Developing Faster JavaScript Apps: The Ultimate Guide to Web Workers · · , ,
  202. 7 Website Performance Metrics to Track for Better UX · · ,
  203. Speeding Up the JavaScript Ecosystem—One Library at a Time · · ,
  204. Lazy Loading Images in HTML · · ,
  205. A Guide to Image Optimization on Jamstack Sites · · , , , , ,
  206. Improving React Interaction Times by 4× · · ,
  207. Early Learnings for Early Hints at Shopify · · , ,
  208. Client-Side Routing Without the JavaScript · · ,
  209. 6 Steps to Improve HTML Images for Users and Developers · · , ,
  210. HTML and CSS Features, Tips for a 10× Faster Page Loading Speed · · , ,
  211. Is Turbopack Really 10× Faster Than Vite? · · , ,
  212. CSS Runtime Performance · · ,
  213. A Beginner’s Guide to Chrome Tracing · · , , ,
  214. Performance · · , ,
  215. Conditionally Adaptive CSS—Browser Behavior That Might Improve Your Performance · · ,
  216. How We Improved React Loading Times by 70% With Next.js · · , ,
  217. Which Serverless Edge Platform Has the Fastest Git Deployments? · · , , ,
  218. CDN · · , , ,
  219. How to Animate CSS Box Shadows and Optimize Performance · · , , ,
  220. Speeding Up Async Snippets · ·
  221. Sustainable Web Development Strategies Within an Organization · · ,
  222. SVG Sprites: Old-School, Modern, Unknown, and Forgotten · ·
  223. Optimize Long Tasks · ·
  224. Performance Budgets: The Easiest Way to a Faster Site ·
  225. GIFs Without the .gif: The Most Performant Image and Video Options Right Now · · , , ,
  226. Five Data-Loading Patterns to Boost Web Performance ·
  227. Page Weight · · ,
  228. Will Serving Real HTML Content Make a Website Faster? Let’s Experiment! · · , ,
  229. Element Timing: One True Metric to Rule Them All? · · ,
  230. How to Substantially Slow Down Your Node.js Server · · ,
  231. Total Blocking Time: A Short and Sweet Guide for Happier Users · ·
  232. Your Next.js Bundle Will Thank You · · ,
  233. How to Improve Largest Contentful Paint for Faster Load Times · · , ,
  234. Critical CSS? Not So Fast! · ·
  235. Disabled JavaScript Turns Off Native Lazy Loading · · , ,
  236. Why Your Website Should Be Under 14 kB in Size · ·
  237. Measure What You Impact, Not What You Influence · · ,
  238. Optimize Data Fetching · ·
  239. Can Browsers Optimize the Loading of Third-Party Resources? · · ,
  240. Tip: Use “fetchpriority=high” to Load Your LCP Hero Image Sooner · · ,
  241. (Re-)Introducing Gatsby, a Reactive Site Generator · · , , , ,
  242. How and Why We Removed jQuery from GOV.UK · · ,
  243. Core Web Vitals Tools to Boost Your Web Performance Scores · · ,
  244. Making a Website Under 1 kB · · ,
  245. Which Generator Builds Markdown the Fastest? · · , ,
  246. 500 ms to 1.7 ms in React: A Journey and a Checklist · ·
  247. Priority Hints—What Your Browser Doesn’t Know (Yet) · ·
  248. Powerful Image Optimization Tools · · , , ,
  249. Can SVG Symbols Affect Web Performance? · ·
  250. Avoiding “<img>” Layout Shifts: “aspect-ratio” vs. “width” and “height” Attributes · · , , ,