Frontend Dogma

“performance” Archive

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