![Frontend Dogma](https://d1cxmu1ofnef1v.cloudfront.net/media/logo.svg)
“performance” Archive (2)
- Sustainable Web Development Strategies Within an Organization (by/via) · · sustainability, optimization
- SVG Sprites: Old-School, Modern, Unknown, and Forgotten (by) · · svg, images
- Optimize Long Tasks (by/via) · · javascript
- Performance Budgets: The Easiest Way to a Faster Site (by/via) · · performance-budgets
- GIFs Without the .gif: The Most Performant Image and Video Options Right Now (by/via) · · multimedia, images, gif, html
- Five Data-Loading Patterns to Boost Web Performance (via) ·
- Page Weight (by+/via) · · studies, research
- Will Serving Real HTML Content Make a Website Faster? Let’s Experiment! (by/via) · · studies, research, html
- Element Timing: One True Metric to Rule Them All? (by/via) · · apis, metrics
- How to Substantially Slow Down Your Node.js Server (via) · · how-tos, nodejs
- Total Blocking Time: A Short and Sweet Guide for Happier Users (by/via) · · javascript
- Your Next.js Bundle Will Thank You (by) · · nextjs, bundling
- Critical CSS? Not So Fast! (by) · · css
- How to Improve Largest Contentful Paint for Faster Load Times (by/via) · · how-tos, web-vitals, optimization
- Disabled JavaScript Turns Off Native Lazy Loading (by) · · javascript, html, lazy-loading
- Why Your Website Should Be Under 14 kB in Size · · protocols
- Measure What You Impact, Not What You Influence (by) · · metrics, optimization
- Optimize Data Fetching (by) · · data-fetching
- Can Browsers Optimize the Loading of Third-Party Resources? (by/via) · · user-agents, embed-code
- Tip: Use “fetchpriority=high” to Load Your LCP Hero Image Sooner (by) · · html, web-vitals
- (Re-)Introducing Gatsby, a Reactive Site Generator (by/via) · · gatsby, react, reactivity, static-site-generators, introductions
- How and Why We Removed jQuery From GOV.UK (via) · · jquery, maintainability
- Core Web Vitals Tools to Boost Your Web Performance Scores (by/via) · · web-vitals, tooling
- Making a Website Under 1 kB (by) · · minimalism, html
- Which Generator Builds Markdown the Fastest? (by) · · static-site-generators, markdown, comparisons
- 500 ms to 1.7 ms in React: A Journey and a Checklist (by) · · react
- Priority Hints—What Your Browser Doesn’t Know (Yet) (by/via) · · hints
- Powerful Image Optimization Tools (by/via) · · link-lists, images, compression, tooling
- Can SVG Symbols Affect Web Performance? (by) · · svg, images
- Avoiding “<img>” Layout Shifts: “aspect-ratio” vs. “width” and “height” Attributes (by) · · web-vitals, comparisons, html, css
- Frontend Web Performance: The Essentials · · javascript
- Imagemin Guard (by) · · packages, npm, images, compression, jpeg, png, gif, webp, avif
- Faster WordPress Rendering With 3 Lines of Configuration (by) · · wordpress, css, http, configuration
- A CLS Punishment for Progressive Enhancement? (by/via) · · web-vitals, progressive-enhancement
- Everything You Need to Know About Web Performance (in 5 Minutes) (by/via) · · web-vitals, compression
- Style Scoping Versus Shadow DOM: Which Is Fastest? (by) · · selectors, scope, dom, shadow-dom, comparisons, metrics
- How to Remove 99% of JavaScript From Main Thread (by/via) · · videos, how-tos, javascript
- What We’ve Learned From One Year of Real User Monitoring Data on GOV.UK (by/via) · · monitoring, metrics
- Measuring the Performance of Typefaces for Users II (via) · · typography, fonts
- Measuring the Performance of Typefaces for Users (via) · · typography, fonts
- Don’t Sink Your Website With Third Parties (by/via) · · embed-code, dependencies
- Two Lines of CSS That Boosts 7× Rendering Performance (by) · · css, rendering
- Conditionally Loading CSS or Any Resource Using Media Queries (by) · · html, media-queries
- Rethinking Server-Timing as a Critical Monitoring Tool (by/via) · · http, metrics, monitoring
- Don’t Fight the Browser Preload Scanner (by/via) · · user-agents, html, parsing
- How to Use Google CrUX to Analyze and Compare the Performance of JS Frameworks (by/via) · · how-tos, google, metrics, javascript, frameworks
- Performance Game Changer: Browser Back/Forward Cache (by/via) · · user-agents, caching, web-vitals
- A Management Maturity Model for Performance (by) ·
- Get to Know Your Browser’s Performance Profiler (by) · · user-agents, tooling
- Understanding the Performance Impact of Anti-Flicker Snippets (by/via) · · web-vitals
- Is Measuring Speed a Useful Metric for Design Systems? (by+/via) · · videos, metrics, design-systems
- Faster Initialization of Instances With New Class Features (by/via) · · user-agents, engines, v8
- The Ultimate Guide to Optimizing JavaScript for Quick Page Loads (by/via) · · guides, javascript, optimization
- Core Web Vitals: Finding Common Ground Between SEOs and Developers (by/via) · · web-vitals, seo, metrics
- How to Optimize Your LCP (with Visuals) (by) · · how-tos, web-vitals, optimization
- Optimising Largest Contentful Paint (by) · · web-vitals
- Picture Perfect Images With the Modern “<img>” Element (by/via) · · images, html, web-vitals
- Speed Needs Design, or: You Can’t Delight Users You’ve Annoyed (by) · · design, user-experience
- The Web Is for Everyone: Our Vision for the Evolution of the Web (by+/via) · · web, visions, privacy, security, accessibility, user-experience
- Optimising Core Web Vitals on SPAs (by) · · web-vitals, spas, optimization
- Improving Your User Experience to Reduce Bounce Rates (via) · · user-experience, usability, seo
- Performance Tests on Common JavaScript Array Methods (by/via) · · testing, javascript, arrays
- Optimizing SVG Patterns to Their Smallest Size (by/via) · · svg, images
- The Impact That High Quality Mark-Up Can Have on Accessibility, Performance, and Discoverability (by) · · videos, html, accessibility
- The Weirdly Obscure Art of Streamed HTML (by) · · html, streaming
- Making the World’s Fastest Website, and Other Mistakes (by) · · mistakes
- Ten Years of Page Bloat: What Have We Learned? (by/via) · · web-vitals, user-experience
- 7 Ways to Achieve a Faster Core Web Vitals Score (via) · · web-vitals
- A New Speed Milestone for Chrome (via) · · user-agents, google, chrome
- Performance Signals for Customizing Website UX (by/via) · · user-experience, web-vitals, customization
- Should Frontend Devs Care About Performance? (by) ·
- Top 2021 CSS Frameworks Report: The CSS File Sizes (by/via) · · studies, research, frameworks, css
- How to Make MPAs That Are as Fast as SPAs (by) · · how-tos, mpas, spas
- Minimizing Google Fonts by Only Loading It for Certain Characters (by) · · typography, google, fonts, minimalism
- Core Web Vitals: What Next? (by/via) · · web-vitals, seo
- The Difference Between Brotli and Gzip Compression Algorithms to Speed Up Your Site (by/via) · · compression, brotli, gzip
- This Is Why Your Node.js Application Is Slow (by) · · nodejs
- Reducing the Web’s Carbon Footprint: Optimizing Social Media Embeds (by/via) · · social-media, embed-code, sustainability
- Improving JavaScript Bundle Performance With Code-Splitting (by/via) · · javascript, bundling, code-splitting, optimization
- Speed Matters, but It Isn’t Everything (by/via) · · user-experience, metrics
- Caching Header Best Practices (by) · · caching, best-practices
- Optimize Your PNGs With Oxipng and pre-commit (by) · · images, png, compression, tooling
- Big Images, Blazingly Fast (by/via) · · images, quality
- How to Avoid Layout Shifts Caused by Web Fonts (by) · · how-tos, user-experience, fonts
- Website Performance and the Planet (by/via) · · sustainability, caching
- Memory Leaks: The Forgotten Side of Web Performance (by) · · memory
- Page Visibility: If a Tree Falls in the Forest… (by/via) · · web-vitals, user-experience
- Exposing Mid-Resource LCP Values (by/via) · · web-vitals
- A Unified Theory of Web Performance (by/via) ·
- Using Diagnostic Metrics (by/via) · · metrics
- Practical Tips for Load-Testing Web Applications (by/via) · · testing, tips-and-tricks, web-apps
- The Business Case for Performance (by/via) · · economics
- Faster Websites by Using Less HTML (by) · · cross-posted, html, optimization, minimalism
- Redirect Liquidation (by/via) · · optimization
- Frontend Web Performance: The Essentials ·
- Web Performance, Core Web Vitals, and Vanity Metrics (by/via) · · web-vitals, metrics
- Hands On With the New Responsiveness Metrics (by/via) · · responsive-design, metrics
- Explain Like I’m Five: Web Performance Optimization (by/via) · · optimization
- Performance Implications of JavaScript Errors (by/via) · · javascript, errors
- Defer Non-Critical Resources (by/via) · · html
- Caching: Understanding the Scope (by/via) · · caching
- Test Your Product on a Crappy Laptop (by/via) · · testing, usability
- HTTP Compression (by/via) · · http, protocols, compression
- Have Core Web Vitals Made the Web Faster? (by/via) · · web-vitals
- Plugging Memory Leaks in Your App (by/via) · · memory
- Request for a General Theory of Web Performance (by/via) ·
- Page Weight (by/via) · · studies, research
- 7 Ways to Improve Node.js Performance at Scale (via) · · nodejs, optimization
- How JavaScript Engines Achieve Great Performance · · javascript, engines
- Designing Sustainable Websites (by) · · sustainability, software-design
- Performance (by/via) · · studies, research, user-experience
- Get Your “Head” Straight (by/via) · · videos, html
- Why IndexedDB Is Slow and What to Use Instead (via) · · databases, indexeddb, javascript
- Your CSS Is an Interface (by) · · css
- Why Your Website Should Not Use Dithered Images (via) · · images, dithering, compression
- Using Web Workers to Boost Third-Party Script Performance (by/via) · · web-workers, javascript
- Chrome DevTools: Record and Playback Your User Journeys (by) · · dev-tools, user-experience, user-agents, google, chrome
- How to Implement Memoization in React to Improve Performance (via) · · how-tos, react, memoization, optimization
- Everything You Have to Know About Core Web Vitals (by/via) · · web-vitals
- Best Practices on Embedding Third-Party Web Widgets (via) · · embed-code, best-practices
- Web Performance Metrics Cheatsheet (by/via) · · cheat-sheets
- Building an Effective Image Component (by/via) · · components, javascript
- Optimizing Resource Loading With the Fetch Priority API (by+/via) · · data-fetching, apis, optimization
- How I Made Google’s Data Grid Scroll 10x Faster With One Line of CSS (by) · · css
- New HTTP Standards for Caching on the Modern Web (by/via) · · http, protocols, caching, standards
- My Challenge to the Web Performance Community (by) ·
- Faster React Apps With Memoization (via) · · react, memoization
- ct.css—Let’s Take a Look Inside Your “<head>” (by) · · css, debugging
- Small Bundles, Fast Pages: What to Do With Too Much JavaScript (via) · · javascript, bundling
- Optimizing Images on the Web (by/via) · · images
- Vanilla JS Is a Web Performance Decision (by) · · javascript
- Blowing Up HTML Size With Responsive Images (via) · · html, images, responsive-design
- Designing for Long Waits and Interruptions: Mitigating Breaks in Workflow in Complex Application Design (by/via) · · user-experience, complexity
- Writing High-Performance JavaScript (by) · · javascript
- What Are the Web Performance Metrics That Actually Matter? (by) · · metrics
- HTTP/3: Performance Improvements (by/via) · · http, protocols
- Does Shadow DOM Improve Style Performance? (by) · · dom, shadow-dom, rendering
- Big O, Code Efficiency Analysis (by) · · algorithms
- “<Lazy>” Rendering in Vue to Improve Performance (by) · · vuejs, client-side-rendering, optimization
- A Performance-Focused Workflow Based on Google Tools (by/via) · · web-vitals, tooling, google
- How We Reduced Next.js Page Size by 3.5× and Achieved a 98 Lighthouse Score (via) · · nextjs, lighthouse, google, case-studies
- CSS Architecture and Performance in Micro Frontends (by/via) · · css, architecture, micro-frontends
- Learnings From a WebPageTest Session on CSS-Tricks (by/via) ·
- How to Eliminate Render-Blocking Resources: a Deep Dive (by) · · how-tos, rendering
- The Performance Effects of Too Much Lazy-Loading (by+/via) · · web-vitals, lazy-loading
- Performance Design: The Illusion of Speed · · user-experience
- Resource Inlining in JavaScript Frameworks (by/via) · · javascript, frameworks, web-vitals
- Making the Web—Faster (by) · · web, developer-experience, principles
- Serving Sharp Images to High Density Screens (by) · · images
- Half the Size of Images by Optimising for High Density Displays (by) · · html, images
- Using AVIF to Compress Images on Your Site (by/via) · · images, avif, compression
- What Can the HTTP Archive Tell Us About Largest Contentful Paint? (by) ·
- Best Practices for Fonts (by+/via) · · fonts, best-practices
- How to Fix Cumulative Layout Shift (CLS) Issues (by/via) · · how-tos, web-vitals
- CSS for Web Vitals (by+/via) · · css, web-vitals
- The 5-Hour CDN (by/via) · · content-delivery
- Measuring Web Performance in Mobile Safari (by) · · testing, mobile, user-agents, apple, safari
- HTML and CSS Techniques to Reduce Your JavaScript (by/via) · · html, css, javascript
- Page Weight (by/via) · · studies, research
- Time to Say Goodbye to Google Fonts: Cache Performance (by) · · google, fonts, caching
- Best Practices for Inclusive Textual Websites (by) · · security, accessibility, best-practices
- Reducing the Site Speed Impact of Third-Party Tags (by) · · embed-code
- Loading Third-Party JavaScript (by+/via) · · javascript
- Performance Is an Issue of Equity (by/via) · · accessibility
- Speed Up Google Fonts (by) · · google, fonts
- The Need for Speed, 23 Years Later (by/via) · · user-experience, history
- Real-World Effectiveness of Brotli (by) · · compression, brotli, comparisons
- Page Builders Might Not Be a Good Idea (by) · · maintainability, consistency, quality
- Google Tag Manager vs. Page Speed: The Impact and How to Improve (by) · · google, tag-management, analytics, optimization
- Website Performance Analyzer (Treo) (by) · tools, analysis, web-vitals
- Brotli Checker (via) · tools, analysis, compression, brotli
- Web Vitals Analyzer (EXPERTE.com) · tools, analysis, web-vitals
- Website Performance Bulk Analyzer · tools, analysis, web-vitals
- Website Performance Analyzer (DebugBear) (via) · tools, analysis, web-vitals
- WebPageTest Report Frustration Calculator (by) · tools, exploration, user-experience
- Slow File Download Emulator (by+) · tools, exploration
- Performance Budget Calculator (by) · tools, exploration, performance-budgets
- Google Lighthouse Scoring Calculator (via) · tools, exploration, google
- Google Lighthouse Report Comparer (via) · tools, exploration, google, comparisons
- HAR Analyzer and Visualizer (via) · tools, exploration, network
- Download Time Calculator · tools, exploration, network
- Bandwidth Speed Tester (BroadbandUK) (via) · tools, exploration, network
- Bandwidth Speed Tester (Bandwidth Place) (via) · tools, exploration, network
- Image Compressors (by) · tools, exploration, images, compression
- Image Compressor (WebUtils) · tools, exploration, images, compression
- Image Compressor (Compressor.io) (via) · tools, exploration, images, compression
- CSS Sprite Generator (Toptal) (via) · tools, exploration, code-generation, css
- CSS Sprite Generator (Sprite Cow) (via) · tools, exploration, code-generation, css
- Browser Performance Testers · tools, exploration, testing, user-agents
- Website Performance Analyzer (WebPageTest) (via) · tools, analysis
- Website Performance Analyzer (wattspeed) (via) · tools, analysis
- Website Performance Analyzer (Waterfaller) (by) · tools, analysis
- Website Performance Analyzer (Uptrends) (via) · tools, analysis
- Website Performance Analyzer (Uptime.com) (via) · tools, analysis
- Website Performance Analyzer (Pingdom) (via) · tools, analysis
- Website Performance Analyzer (PageSpeed) (via) · tools, analysis
- Website Performance Analyzer (KeyCDN) (via) · tools, analysis
- Website Performance Analyzer (GTmetrix) (via) · tools, analysis
- Website Browser and Location Speed Tester (via) · tools, analysis, geolocation
- Web Vitals Analyzer (SpeedVitals) (via) · tools, analysis, web-vitals
- Web Vitals Analyzer (Calibre) (via) · tools, analysis, web-vitals
- PageSpeed Results Comparer (by) · tools, analysis, comparisons
- Mobile Readiness Tester · tools, analysis, responsive-design, mobile, accessibility
- Load Time Checker · tools, analysis
- Load Time and Object Checker (via) · tools, analysis
- Image Performance Analyzer (via) · tools, analysis, images
- HTML Size Analyzer (via) · tools, analysis, html
- Gzip Checker (via) · tools, analysis, compression, gzip
- Gzip and Brotli Checker · tools, analysis, compression, brotli, gzip
- CDN Use Checker (via) · tools, analysis, content-delivery
- Website Experience Analyzer · tools, analysis, user-experience, security
- Website Analyzer (Accessify) · tools, analysis, quality, optimization
- Code Quality Checker · tools, analysis, quality, optimization
- Should You Self-Host Google Fonts? (by) · · fonts, google, hosting
- Improving Site Performance With Webpack Tree Shaking (by/via) · · optimization, webpack, tree-shaking
- Performance Budgets, Pragmatically (by) · · performance-budgets
- Putting Devs Before Users: How Frameworks Destroyed Web Performance (by/via) · · frameworks, developer-experience
- The 60 Second Battle: Keeping the Visitor (by/via) · · user-experience, user-conversion
- W3C Unveils a Cure for Web Crawl · · w3c, protocols, http
- HTTP Further Clogs Congested Arteries · · http, protocols