Frontend Dogma

“performance” Archive

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