Frontend Dogma

“performance” Archive (2)

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