Frontend Dogma

“performance” Archive (2)

  1. What We’ve Learned from One Year of Real User Monitoring Data on GOV.UK · · ,
  2. Measuring the Performance of Typefaces for Users II · · ,
  3. Measuring the Performance of Typefaces for Users · · ,
  4. Don’t Sink Your Website With Third Parties · · ,
  5. Two Lines of CSS That Boosts 7× Rendering Performance · · ,
  6. Conditionally Loading CSS or Any Resource Using Media Queries · · ,
  7. Rethinking Server-Timing as a Critical Monitoring Tool · · , ,
  8. Don’t Fight the Browser Preload Scanner · · , ,
  9. How to Use Google CrUX to Analyze and Compare the Performance of JS Frameworks · · , , ,
  10. Performance Game Changer: Browser Back/Forward Cache · · , ,
  11. A Management Maturity Model for Performance ·
  12. Get to Know Your Browser’s Performance Profiler · · ,
  13. Understanding the Performance Impact of Anti-Flicker Snippets · ·
  14. Is Measuring Speed a Useful Metric for Design Systems? · · , ,
  15. Faster Initialization of Instances With New Class Features · · , ,
  16. The Ultimate Guide to Optimizing JavaScript for Quick Page Loads · · , ,
  17. Core Web Vitals: Finding Common Ground Between SEOs and Developers · · , ,
  18. How to Optimize Your LCP (with Visuals) · · , ,
  19. Picture Perfect Images With the Modern “<img>” Element · · , ,
  20. Optimising Largest Contentful Paint · ·
  21. Speed Needs Design, or: You Can’t Delight Users You’ve Annoyed · · ,
  22. The Web Is for Everyone: Our Vision for the Evolution of the Web · · , , , , ,
  23. Optimising Core Web Vitals on SPAs · · , ,
  24. Improving Your User Experience to Reduce Bounce Rates · · , ,
  25. Performance Tests on Common JavaScript Array Methods · · , ,
  26. The Impact That High Quality Mark-Up Can Have on Accessibility, Performance, and Discoverability · · , ,
  27. Optimizing SVG Patterns to Their Smallest Size · ·
  28. The Weirdly Obscure Art of Streamed HTML · · ,
  29. Making the World’s Fastest Website, and Other Mistakes · ·
  30. Ten Years of Page Bloat: What Have We Learned? · · ,
  31. 7 Ways to Achieve a Faster Core Web Vitals Score · ·
  32. A New Speed Milestone for Chrome · · , ,
  33. Performance Signals for Customizing Website UX · · , ,
  34. Should Frontend Devs Care About Performance? ·
  35. Top 2021 CSS Frameworks Report: The CSS File Sizes · · , , ,
  36. How to Make MPAs That Are as Fast as SPAs · · , ,
  37. Minimizing Google Fonts by Only Loading It for Certain Characters · · , , ,
  38. Core Web Vitals: What Next? · · ,
  39. The Difference Between Brotli and Gzip Compression Algorithms to Speed Up Your Site · ·
  40. This Is Why Your Node.js Application Is Slow · ·
  41. Reducing the Web’s Carbon Footprint: Optimizing Social Media Embeds · · , ,
  42. Improving JavaScript Bundle Performance With Code-Splitting · · , , ,
  43. Speed Matters, but It Isn’t Everything · · ,
  44. Caching Header Best Practices · · ,
  45. Optimize Your PNGs With Oxipng and pre-commit · · , , ,
  46. Big Images, Blazingly Fast · · ,
  47. How to Avoid Layout Shifts Caused by Web Fonts · · , ,
  48. Website Performance and the Planet · · ,
  49. Memory Leaks: The Forgotten Side of Web Performance · ·
  50. Page Visibility: If a Tree Falls in the Forest… · · ,
  51. Exposing Mid-Resource LCP Values · ·
  52. A Unified Theory of Web Performance ·
  53. Using Diagnostic Metrics · ·
  54. Practical Tips for Load-Testing Web Applications · · , ,
  55. The Business Case for Performance · ·
  56. Faster Websites by Using Less HTML · · , , ,
  57. Redirect Liquidation · ·
  58. Frontend Web Performance: The Essentials ·
  59. Web Performance, Core Web Vitals, and Vanity Metrics · · ,
  60. Hands On With the New Responsiveness Metrics · · ,
  61. Explain Like I’m Five: Web Performance Optimization · ·
  62. Performance Implications of JavaScript Errors · · ,
  63. Defer Non-Critical Resources · ·
  64. Caching: Understanding the Scope · ·
  65. Test Your Product on a Crappy Laptop · · ,
  66. HTTP Compression · · , ,
  67. Have Core Web Vitals Made the Web Faster? · ·
  68. Plugging Memory Leaks in Your App · ·
  69. Request for a General Theory of Web Performance ·
  70. Page Weight · · ,
  71. 7 Ways to Improve Node.js Performance at Scale · · ,
  72. How JavaScript Engines Achieve Great Performance · · ,
  73. Designing Sustainable Websites · · ,
  74. Performance · · , ,
  75. Why IndexedDB Is Slow and What to Use Instead · · , ,
  76. Get Your “Head” Straight · · ,
  77. Your CSS Is an Interface · ·
  78. Why Your Website Should Not Use Dithered Images · · , ,
  79. Using Web Workers to Boost Third-Party Script Performance · · ,
  80. Chrome DevTools: Record and Playback Your User Journeys · · , , , ,
  81. How to Implement Memoization in React to Improve Performance · · , , ,
  82. Everything You Have to Know About Core Web Vitals · ·
  83. Best Practices on Embedding Third-Party Web Widgets · · ,
  84. Web Performance Metrics Cheatsheet · ·
  85. Building an Effective Image Component · · ,
  86. Optimizing Resource Loading With the Fetch Priority API · · , ,
  87. How I Made Google’s Data Grid Scroll 10x Faster With One Line of CSS · ·
  88. New HTTP Standards for Caching on the Modern Web · · , , ,
  89. My Challenge to the Web Performance Community ·
  90. Faster React Apps With Memoization · · ,
  91. ct.css—Let’s Take a Look Inside Your “<head>” · · ,
  92. Small Bundles, Fast Pages: What to Do With Too Much JavaScript · · ,
  93. Optimizing Images on the Web · ·
  94. Vanilla JS Is a Web Performance Decision · ·
  95. Blowing Up HTML Size With Responsive Images · · , ,
  96. Designing for Long Waits and Interruptions: Mitigating Breaks in Workflow in Complex Application Design · · ,
  97. Writing High-Performance JavaScript · ·
  98. What Are the Web Performance Metrics That Actually Matter? · ·
  99. HTTP/3: Performance Improvements · · ,
  100. Does Shadow DOM Improve Style Performance? · · , ,
  101. Big O, Code Efficiency Analysis · ·
  102. “<Lazy>” Rendering in Vue to Improve Performance · · , ,
  103. A Performance-Focused Workflow Based on Google Tools · · , ,
  104. How We Reduced Next.js Page Size by 3.5× and Achieved a 98 Lighthouse Score · · , , ,
  105. CSS Architecture and Performance in Micro Frontends · · , ,
  106. Learnings from a WebPageTest Session on CSS-Tricks ·
  107. How to Eliminate Render-Blocking Resources: a Deep Dive · · ,
  108. The Performance Effects of Too Much Lazy-Loading · · ,
  109. Performance Design: The Illusion of Speed · ·
  110. Resource Inlining in JavaScript Frameworks · · , ,
  111. Making the Web—Faster · · , ,
  112. Serving Sharp Images to High Density Screens · ·
  113. Half the Size of Images by Optimising for High Density Displays · · ,
  114. Using AVIF to Compress Images on Your Site · · , ,
  115. What Can the HTTP Archive Tell Us About Largest Contentful Paint? ·
  116. Best Practices for Fonts · · ,
  117. How to Fix Cumulative Layout Shift (CLS) Issues · · ,
  118. CSS for Web Vitals · · ,
  119. The 5-Hour CDN · ·
  120. HTML and CSS Techniques to Reduce Your JavaScript · · , ,
  121. Page Weight · · ,
  122. Best Practices for Inclusive Textual Websites · · , ,
  123. Reducing the Site Speed Impact of Third-Party Tags · ·
  124. Loading Third-Party JavaScript · ·
  125. The Need for Speed, 23 Years Later · · ,
  126. Page Builders Might Not Be a Good Idea · · , ,
  127. Google Tag Manager vs. Page Speed: The Impact and How to Improve · · , , ,
  128. Brotli Checker · , ,
  129. WebPageTest Report Frustration Calculator · , ,
  130. Slow File Download Emulator · ,
  131. Performance Budget Calculator · ,
  132. Google Lighthouse Scoring Calculator · , ,
  133. Google Lighthouse Report Comparer · , , ,
  134. Website Experience Analyzer · , , ,
  135. Website Analyzer (Accessify) · , , ,
  136. Code Quality Checker · , , ,
  137. Image Compressors · , , ,
  138. Image Compressor (WebUtils) · , , ,
  139. Image Compressor (Compressor.io) · , , ,
  140. Web Vitals Analyzer (EXPERTE.com) · , ,
  141. Website Performance Bulk Analyzer · , ,
  142. Mobile Readiness Tester · , , , ,
  143. Website Performance Analyzer (DebugBear) · , ,
  144. Website Performance Analyzer (PageSpeed) · ,
  145. Gzip Checker · , ,
  146. Gzip and Brotli Checker · , ,
  147. HAR Analyzer and Visualizer · , ,
  148. Download Time Calculator · , ,
  149. CSS Sprite Generator (Sprite Cow) · , , ,
  150. Bandwidth Speed Tester (BroadbandUK) · , ,
  151. Bandwidth Speed Tester (Bandwidth Place) · , ,
  152. CSS Sprite Generator (Toptal) · , , ,
  153. Browser Performance Testers · , , ,
  154. Website Performance Analyzer (WebPageTest) · ,
  155. Website Performance Analyzer (wattspeed) · ,
  156. Website Performance Analyzer (Waterfaller) · ,
  157. Website Performance Analyzer (Uptrends) · ,
  158. Website Performance Analyzer (Uptime.com) · ,
  159. Website Performance Analyzer (Pingdom) · ,
  160. Website Performance Analyzer (KeyCDN) · ,
  161. Website Performance Analyzer (GTmetrix) · ,
  162. Website Browser and Location Speed Tester · ,
  163. Web Vitals Analyzer (SpeedVitals) · , ,
  164. Web Vitals Analyzer (Calibre) · , ,
  165. PageSpeed Results Comparer · , ,
  166. Load Time Checker · ,
  167. Load Time and Object Checker · ,
  168. Image Performance Analyzer · , ,
  169. HTML Size Analyzer · , ,
  170. CDN Use Checker · , ,
  171. Improving Site Performance With Webpack Tree Shaking · · , ,
  172. Putting Devs Before Users: How Frameworks Destroyed Web Performance · · ,
  173. W3C Unveils a Cure for Web Crawl · · , ,
  174. HTTP Further Clogs Congested Arteries · · ,