Frontend Dogma

“performance” Archive (2)

(Need an explanation or context? Look for “performance” on WebGlossary.info.)

  1. Speeding Up the JavaScript Ecosystem—npm Scripts (by) · · , ,
  2. 2023 Web Framework Performance Report (by/via) · · , , , , , , , ,
  3. Client-Side JavaScript and React Criticism: What Comes Next? (by) · · , , , ,
  4. Optimising Large Contentful Paint (by/via) · · , ,
  5. The JavaScript Site Generator Review, 2023 (by) · · , , , , , , , ,
  6. This Is Why Performance Matters (by) · · ,
  7. An Approach to Lazy Loading Custom Elements (via) · · ,
  8. Caching at DEV (by) · · ,
  9. What’s New in Lighthouse 10 (by/via) · · , ,
  10. Speeding Up the JavaScript Ecosystem—ESLint (by) · · , ,
  11. The Gotcha With Animating Custom Properties (by/via) · · , ,
  12. Speed for Who? (by) · · , ,
  13. Optimal Images in HTML (by/via) · · , , ,
  14. Your Web Performance Is Too Reactive; It’s Time to Do More Than Put Out Fires (by/via) ·
  15. The Modern Way of Serving Images (by) · · ,
  16. How to Review a Web Site (via) · · , ,
  17. Optimize Time to First Byte (by/via) · ·
  18. Why We Switched CDNs: How Google’s Core Web Vitals Led Us to Cloudflare Pages · · , ,
  19. The Truth About CSS Selector Performance (by/via) · · ,
  20. Optimizing the Image Element LCP (via) · · ,
  21. Speeding Up the JavaScript Ecosystem—Module Resolution (by) · · , , ,
  22. Our Top Core Web Vitals Recommendations for 2023 (by+/via) · · ,
  23. Why Not “document.write()”? (by) · ·
  24. Why Web Performance Still Matters in 2023 (by/via) ·
  25. Priority Hints and Optimizing LCP (by) · · , ,
  26. Performance Culture Through the Looking-Glass (by/via) · · ,
  27. The RUM Archive and Benford’s Law (by/via) ·
  28. HTTP/3 Prioritization Demystified (by/via) · · ,
  29. Signals: The Nitty-Gritty (by/via) · · ,
  30. Bad Performance Is Bad Accessibility (by) · ·
  31. The Performance Inequality Gap, 2023 (by) ·
  32. Beating Latency on Scalemates.com (by/via) · ·
  33. Using Inline JavaScript Modules to Prevent CSS Blockage (by/via) · · ,
  34. An HTML-First Mental Model (by/via) · · ,
  35. Get Off the Main Thread With an Inline Web Worker: An Example (by/via) · · , ,
  36. LCP(FE) (by/via) · ·
  37. Web Performance and Compression (by/via) · ·
  38. Optimize Interaction to Next Paint (by+/via) · · ,
  39. Adding Complementary Performance Data to Your Site (by/via) · ·
  40. Accessibility: The Land That “Time to Interactive” Forgot (by/via) · · ,
  41. Reduce Image Sizes by Removing Metadata (by/via) · · , ,
  42. Fast Is Good, Instant Is Better (by/via) · ·
  43. Prerender Pages in Chrome for Instant Page Navigations (by/via) · · , ,
  44. 7 Website Performance Metrics to Track for Better UX (via) · · ,
  45. Developing Faster JavaScript Apps: The Ultimate Guide to Web Workers (by/via) · · , , ,
  46. Speeding Up the JavaScript Ecosystem—One Library at a Time (by) · · ,
  47. Lazy Loading Images in HTML (by) · · ,
  48. A Guide to Image Optimization on Jamstack Sites (by/via) · · , , , , ,
  49. Improving React Interaction Times by 4× (by/via) · · ,
  50. Early Learnings for Early Hints at Shopify (by/via) · · , , ,
  51. Client-Side Routing Without the JavaScript (by/via) · · ,
  52. 6 Steps to Improve HTML Images for Users and Developers (by) · · , ,
  53. HTML and CSS Features, Tips for a 10× Faster Page Loading Speed (by) · · , ,
  54. Is Turbopack Really 10× Faster Than Vite? (by) · · , ,
  55. CSS Runtime Performance · · ,
  56. A Beginner’s Guide to Chrome Tracing (by) · · , , ,
  57. Performance (by+/via) · · , , , ,
  58. Conditionally Adaptive CSS—Browser Behavior That Might Improve Your Performance (by) · · ,
  59. How We Improved React Loading Times by 70% With Next.js (via) · · , ,
  60. Which Serverless Edge Platform Has the Fastest Git Deployments? (by/via) · · , , ,
  61. CDN (by/via) · · , , , , ,
  62. Speeding Up Async Snippets (by) · ·
  63. How to Animate CSS Box Shadows and Optimize Performance (by/via) · · , , ,
  64. Sustainable Web Development Strategies Within an Organization (by/via) · · ,
  65. SVG Sprites: Old-School, Modern, Unknown, and Forgotten (by) · · , ,
  66. Optimize Long Tasks (by/via) · ·
  67. Performance Budgets: The Easiest Way to a Faster Site (by/via) · ·
  68. GIFs Without the .gif: The Most Performant Image and Video Options Right Now (by/via) · · , , ,
  69. Five Data-Loading Patterns to Boost Web Performance (via) ·
  70. Page Weight (by+/via) · · , , ,
  71. Will Serving Real HTML Content Make a Website Faster? Let’s Experiment! (by/via) · · , ,
  72. Element Timing: One True Metric to Rule Them All? (by/via) · · ,
  73. Total Blocking Time: A Short and Sweet Guide for Happier Users (by/via) · ·
  74. How to Substantially Slow Down Your Node.js Server (via) · · ,
  75. Your Next.js Bundle Will Thank You (by) · · ,
  76. How to Improve Largest Contentful Paint for Faster Load Times (by/via) · · , ,
  77. Critical CSS? Not So Fast! (by) · ·
  78. Disabled JavaScript Turns Off Native Lazy Loading (by) · · , ,
  79. Why Your Website Should Be Under 14 kB in Size · ·
  80. Measure What You Impact, Not What You Influence (by) · · ,
  81. Optimize Data Fetching (by) · ·
  82. Can Browsers Optimize the Loading of Third-Party Resources? (by/via) · · ,
  83. Tip: Use “fetchpriority=high” to Load Your LCP Hero Image Sooner (by) · · ,
  84. (Re-)Introducing Gatsby, a Reactive Site Generator (by/via) · · , , , ,
  85. How and Why We Removed jQuery From GOV.UK (via) · · ,
  86. Core Web Vitals Tools to Boost Your Web Performance Scores (by/via) · · ,
  87. Making a Website Under 1 kB (by) · · ,
  88. Which Generator Builds Markdown the Fastest? (by) · · , ,
  89. 500 ms to 1.7 ms in React: A Journey and a Checklist (by) · ·
  90. Fix Web Performance for the Long-Term (by/via) · · ,
  91. Priority Hints—What Your Browser Doesn’t Know (Yet) (by/via) · ·
  92. Powerful Image Optimization Tools (by/via) · · , , ,
  93. Can SVG Symbols Affect Web Performance? (by) · · ,
  94. Avoiding “<img>” Layout Shifts: “aspect-ratio” vs. “width” and “height” Attributes (by) · · , , ,
  95. Frontend Web Performance: The Essentials · ·
  96. Faster WordPress Rendering With 3 Lines of Configuration (by) · · , , ,
  97. Imagemin Guard (by) · · , , , , , , , ,
  98. A CLS Punishment for Progressive Enhancement? (by/via) · · ,
  99. Everything You Need to Know About Web Performance (in 5 Minutes) (by/via) · · ,
  100. Style Scoping Versus Shadow DOM: Which Is Fastest? (by) · · , , , , ,
  101. How to Remove 99% of JavaScript From Main Thread (by/via) · · , ,
  102. What We’ve Learned From One Year of Real User Monitoring Data on GOV.UK (by/via) · · ,
  103. Measuring the Performance of Typefaces for Users II (via) · · ,
  104. Measuring the Performance of Typefaces for Users (via) · · ,
  105. Don’t Sink Your Website With Third Parties (by/via) · · ,
  106. Two Lines of CSS That Boosts 7× Rendering Performance (by) · · ,
  107. Conditionally Loading CSS or Any Resource Using Media Queries (by) · · ,
  108. Rethinking Server-Timing as a Critical Monitoring Tool (by/via) · · , ,
  109. Don’t Fight the Browser Preload Scanner (by/via) · · , ,
  110. How to Use Google CrUX to Analyze and Compare the Performance of JS Frameworks (by/via) · · , , , ,
  111. Performance Game Changer: Browser Back/Forward Cache (by/via) · · , ,
  112. A Management Maturity Model for Performance (by) ·
  113. Get to Know Your Browser’s Performance Profiler (by) · · , ,
  114. Understanding the Performance Impact of Anti-Flicker Snippets (by/via) · ·
  115. Is Measuring Speed a Useful Metric for Design Systems? (by+/via) · · , ,
  116. Faster Initialization of Instances With New Class Features (by/via) · · , , ,
  117. How to Improve Core Web Vitals (8 Ways) (via) · · ,
  118. The Ultimate Guide to Optimizing JavaScript for Quick Page Loads (by/via) · · , ,
  119. Core Web Vitals: Finding Common Ground Between SEOs and Developers (by/via) · · , ,
  120. How to Optimize Your LCP (with Visuals) (by) · · , ,
  121. Picture Perfect Images With the Modern “<img>” Element (by/via) · · , ,
  122. Optimising Largest Contentful Paint (by) · ·
  123. Speed Needs Design, or: You Can’t Delight Users You’ve Annoyed (by) · · ,
  124. The Web Is for Everyone: Our Vision for the Evolution of the Web (by+/via) · · , , , , ,
  125. Optimising Core Web Vitals on SPAs (by) · · , ,
  126. Improving Your User Experience to Reduce Bounce Rates (via) · · , ,
  127. Performance Tests on Common JavaScript Array Methods (by/via) · · , ,
  128. The Impact That High Quality Mark-Up Can Have on Accessibility, Performance, and Discoverability (by) · · , ,
  129. Optimizing SVG Patterns to Their Smallest Size (by/via) · · ,
  130. The Weirdly Obscure Art of Streamed HTML (by) · · ,
  131. Making the World’s Fastest Website, and Other Mistakes (by) · ·
  132. Ten Years of Page Bloat: What Have We Learned? (by/via) · · ,
  133. Performance Signals for Customizing Website UX (by/via) · · , ,
  134. A New Speed Milestone for Chrome (via) · · , ,
  135. 7 Ways to Achieve a Faster Core Web Vitals Score (via) · ·
  136. Should Frontend Devs Care About Performance? (by) ·
  137. Top 2021 CSS Frameworks Report: The CSS File Sizes (by/via) · · , , ,
  138. How to Make MPAs That Are as Fast as SPAs (by) · · , ,
  139. Minimizing Google Fonts by Only Loading It for Certain Characters (by) · · , , ,
  140. Core Web Vitals: What Next? (by/via) · · ,
  141. The Difference Between Brotli and Gzip Compression Algorithms to Speed Up Your Site (by/via) · · , ,
  142. This Is Why Your Node.js Application Is Slow (by) · ·
  143. Reducing the Web’s Carbon Footprint: Optimizing Social Media Embeds (by/via) · · , ,
  144. Improving JavaScript Bundle Performance With Code-Splitting (by/via) · · , , ,
  145. Speed Matters, but It Isn’t Everything (by/via) · · ,
  146. Caching Header Best Practices (by) · · ,
  147. Optimize Your PNGs With Oxipng and pre-commit (by) · · , , ,
  148. Big Images, Blazingly Fast (by/via) · · ,
  149. How to Avoid Layout Shifts Caused by Web Fonts (by) · · , ,
  150. Website Performance and the Planet (by/via) · · ,
  151. Memory Leaks: The Forgotten Side of Web Performance (by) · ·
  152. Page Visibility: If a Tree Falls in the Forest… (by/via) · · ,
  153. Exposing Mid-Resource LCP Values (by/via) · ·
  154. A Unified Theory of Web Performance (by/via) ·
  155. Using Diagnostic Metrics (by/via) · ·
  156. Practical Tips for Load-Testing Web Applications (by/via) · · , ,
  157. The Business Case for Performance (by/via) · ·
  158. Faster Websites by Using Less HTML (by) · · , , ,
  159. Redirect Liquidation (by/via) · · ,
  160. Frontend Web Performance: The Essentials · ·
  161. Web Performance, Core Web Vitals, and Vanity Metrics (by/via) · · ,
  162. Hands On With the New Responsiveness Metrics (by/via) · · ,
  163. Explain Like I’m Five: Web Performance Optimization (by/via) · ·
  164. Performance Implications of JavaScript Errors (by/via) · · ,
  165. Defer Non-Critical Resources (by/via) · ·
  166. Caching: Understanding the Scope (by/via) · ·
  167. Test Your Product on a Crappy Laptop (by/via) · · ,
  168. HTTP Compression (by/via) · · , ,
  169. Have Core Web Vitals Made the Web Faster? (by/via) · ·
  170. Plugging Memory Leaks in Your App (by/via) · ·
  171. Request for a General Theory of Web Performance (by/via) ·
  172. Page Weight (by/via) · · , , ,
  173. 7 Ways to Improve Node.js Performance at Scale (via) · · ,
  174. How JavaScript Engines Achieve Great Performance · · ,
  175. Designing Sustainable Websites (by) · · ,
  176. Performance (by/via) · · , , , ,
  177. Get Your “Head” Straight (by/via) · · ,
  178. Your CSS Is an Interface (by) · ·
  179. Why IndexedDB Is Slow and What to Use Instead (via) · · , ,
  180. Using Web Workers to Boost Third-Party Script Performance (by/via) · · ,
  181. Why Your Website Should Not Use Dithered Images (via) · · , ,
  182. Chrome DevTools: Record and Playback Your User Journeys (by) · · , , , ,
  183. Everything You Have to Know About Core Web Vitals (by/via) · ·
  184. How to Implement Memoization in React to Improve Performance (via) · · , , ,
  185. Best Practices on Embedding Third-Party Web Widgets (via) · · ,
  186. Web Performance Metrics Cheatsheet (by/via) · · ,
  187. Building an Effective Image Component (by/via) · · ,
  188. Optimizing Resource Loading With the Fetch Priority API (by+/via) · · , ,
  189. How I Made Google’s Data Grid Scroll 10× Faster With One Line of CSS (by) · ·
  190. New HTTP Standards for Caching on the Modern Web (by/via) · · , , ,
  191. My Challenge to the Web Performance Community (by) ·
  192. jsPerf—Online JavaScript Performance Benchmark · · ,
  193. Faster React Apps With Memoization (via) · · ,
  194. ct.css—Let’s Take a Look Inside Your “<head>” (by) · · ,
  195. Small Bundles, Fast Pages: What to Do With Too Much JavaScript (via) · · ,
  196. Optimizing Images on the Web (by/via) · · ,
  197. Vanilla JS Is a Web Performance Decision (by) · ·
  198. Blowing Up HTML Size With Responsive Images (via) · · , ,
  199. Designing for Long Waits and Interruptions: Mitigating Breaks in Workflow in Complex Application Design (by/via) · · ,
  200. Writing High-Performance JavaScript (by) · ·
  201. What Are the Web Performance Metrics That Actually Matter? (by) · ·
  202. HTTP/3: Performance Improvements (by/via) · · ,
  203. Does Shadow DOM Improve Style Performance? (by) · · , ,
  204. Big O, Code Efficiency Analysis (by) · ·
  205. “<Lazy>” Rendering in Vue to Improve Performance (by) · · , ,
  206. A Performance-Focused Workflow Based on Google Tools (by/via) · · , ,
  207. How We Reduced Next.js Page Size by 3.5× and Achieved a 98 Lighthouse Score (via) · · , , ,
  208. CSS Architecture and Performance in Micro Frontends (by/via) · · , ,
  209. Learnings From a WebPageTest Session on CSS-Tricks (by/via) ·
  210. A Beginner’s Guide to Lighthouse (by/via) · · , , ,
  211. How to Eliminate Render-Blocking Resources: A Deep Dive (by) · · ,
  212. The Performance Effects of Too Much Lazy-Loading (by+/via) · · ,
  213. Performance Design: The Illusion of Speed · ·
  214. Resource Inlining in JavaScript Frameworks (by/via) · · , ,
  215. Making the Web—Faster (by) · · , ,
  216. Serving Sharp Images to High Density Screens (by) · ·
  217. Half the Size of Images by Optimising for High Density Displays (by) · · ,
  218. What Can the HTTP Archive Tell Us About Largest Contentful Paint? (by) ·
  219. Using AVIF to Compress Images on Your Site (by/via) · · , ,
  220. Best Practices for Fonts (by+/via) · · ,
  221. How to Fix Cumulative Layout Shift (CLS) Issues (by/via) · · ,
  222. CSS for Web Vitals (by+/via) · · ,
  223. An Introduction to Performance Budgets (via) · · , ,
  224. 9 Principles of Good Web Design (via) · · , , , , , ,
  225. Bypassing Cookie Consent Banners in Lighthouse and WebPageTest (by) · · , , , ,
  226. The 5-Hour CDN (by/via) · ·
  227. Measuring Web Performance in Mobile Safari (by) · · , , , ,
  228. HTML and CSS Techniques to Reduce Your JavaScript (by/via) · · , ,
  229. Page Weight (by/via) · · , , ,
  230. Time to Say Goodbye to Google Fonts: Cache Performance (by) · · , ,
  231. Best Practices for Inclusive Textual Websites (by) · · , ,
  232. The What, Why, and How of Using a Skeleton Loading Screen (by) · ·
  233. Core Web Vitals: A Guide to Google’s Web Performance Metrics (by/via) · · , ,
  234. How to Create High-Performance CSS Animations (by+/via) · · , ,
  235. Reducing the Site Speed Impact of Third-Party Tags (by) · ·
  236. Loading Third-Party JavaScript (by+/via) · ·
  237. Performance Is an Issue of Equity (by/via) · ·
  238. We Need More Inclusive Web Performance Metrics (by/via) · · ,
  239. 5 Projects to Help You Master Modern CSS (by/via) · · , ,
  240. Speed Up Google Fonts (by) · · ,
  241. The Need for Speed, 23 Years Later (by/via) · · ,
  242. Real-World Effectiveness of Brotli (by) · · , ,
  243. Start Render: The Web Performance Metric That Heralds the End of the Blank Page (via) · · ,
  244. Performance Tips: Minifying HTML, CSS, and JS (via) · · , , , , ,
  245. Page Builders Might Not Be a Good Idea (by) · · , ,
  246. Google Tag Manager vs. Page Speed: The Impact and How to Improve (by) · · , , ,
  247. Should You Self-Host Google Fonts? (by) · · , ,
  248. Improving Site Performance With Webpack Tree Shaking (by/via) · · , ,
  249. Performance Budgets, Pragmatically (by) · ·
  250. Putting Devs Before Users: How Frameworks Destroyed Web Performance (by/via) · · ,