Frontend Dogma

“performance” Archive (2)

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