Frontend Dogma

“performance” Archive (2)

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