Frontend Dogma

“performance” Archive (2)

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