Tech does not just watch: Take action against Russia’s war on Ukraine 🇺🇦, and take action against Israel’s oppression and killing of Palestinians and the occupation and destruction of Palestine (history) 🇵🇸 Hide

Frontend Dogma

“performance” News Archive (3)

Entry (Sources) and Other Related TopicsDate#
Powerful Image Optimization Tools (lou/sma)537
, , ,
Can SVG Symbols Affect Web Performance?536
,
Avoiding “<img>” Layout Shifts: “aspect-ratio” vs. “width” and “height” Attributes (jaf)535
, , , , ,
Frontend Web Performance: The Essentials534
,
Faster WordPress Rendering With 3 Lines of Configuration (sto)533
, , ,
A CLS Punishment for Progressive Enhancement? (bel/pic)532
,
Imagemin Guard (j9t)531
, , , , , , , ,
Everything You Need to Know About Web Performance (in 5 Minutes)530
,
Style Scoping Versus Shadow DOM: Which Is Fastest? (nol)529
, , , , ,
How to Remove 99% of JavaScript From Main Thread (wea)528
, ,
What We’ve Learned From One Year of Real User Monitoring Data on GOV.UK527
,
Measuring the Performance of Typefaces for Users II (sma)526
,
Measuring the Performance of Typefaces for Users (sma)525
,
Don’t Sink Your Website With Third Parties (sma)524
,
Two Lines of CSS That Boosts 7× Rendering Performance523
,
Conditionally Loading CSS or Any Resource Using Media Queries (ami)522
,
Rethinking Server-Timing as a Critical Monitoring Tool (sma)521
, , ,
Don’t Fight the Browser Preload Scanner (mal/dev)520
, ,
How to Use Google CrUX to Analyze and Compare the Performance of JS Frameworks (sma)519
, , , ,
A Management Maturity Model for Performance (sli)518
Performance Game Changer: Browser Back/Forward Cache (tun/sma)517
, ,
Get to Know Your Browser’s Performance Profiler516
, ,
Understanding the Performance Impact of Anti-Flicker Snippets (spe)515
Is Measuring Speed a Useful Metric for Design Systems? (amy+)514
, ,
Faster Initialization of Instances With New Class Features (joy)513
, , ,
How to Improve Core Web Vitals (8 Ways)512
,
The Ultimate Guide to Optimizing JavaScript for Quick Page Loads (ste/bui)511
, ,
Core Web Vitals: Finding Common Ground Between SEOs and Developers (moz)510
, ,
How to Optimize Your LCP (with Visuals) (ste)509
, ,
Optimising Largest Contentful Paint (css)508
Picture Perfect Images With the Modern “<img>” Element (add)507
, ,
Speed Needs Design, or: You Can’t Delight Users You’ve Annoyed506
,
The Web Is for Everyone: Our Vision for the Evolution of the Web (moz)505
, , , , ,
Optimising Core Web Vitals on SPAs (sim)504
, ,
Improving Your User Experience to Reduce Bounce Rates (uxm)503
, ,
Performance Tests on Common JavaScript Array Methods (hac)502
, ,
Optimizing SVG Patterns to Their Smallest Size (css)501
,
The Impact That High Quality Mark-Up Can Have on Accessibility, Performance, and Discoverability500
, ,
Making the World’s Fastest Website, and Other Mistakes499
The Weirdly Obscure Art of Streamed HTML498
,
Ten Years of Page Bloat: What Have We Learned? (spe)497
,
7 Ways to Achieve a Faster Core Web Vitals Score (hac)496
A New Speed Milestone for Chrome (dev)495
, ,
Performance Signals for Customizing Website UX (tun/sma)494
, ,
Should Frontend Devs Care About Performance?493
Top 2021 CSS Frameworks Report: The CSS File Sizes (cit)492
, , ,
How to Make MPAs That Are as Fast as SPAs (cfe)491
, ,
Improving a CDN’s Cache Hit Ratio (erw)490
,
Minimizing Google Fonts by Only Loading It for Certain Characters (ami)489
, , ,
Core Web Vitals: What Next? (moz)488
,
The Difference Between Brotli and Gzip Compression Algorithms to Speed Up Your Site487
, ,
This Is Why Your Node.js Application Is Slow486
Reducing the Web’s Carbon Footprint: Optimizing Social Media Embeds (mic/sma)485
, ,
Improving JavaScript Bundle Performance With Code-Splitting (cod/sma)484
, , ,
Speed Matters, but It Isn’t Everything483
,
Caching Header Best Practices (sim)482
, , ,
Big Images, Blazingly Fast481
,
Optimize Your PNGs With Oxipng and pre-commit (ada)480
, , ,
How to Avoid Layout Shifts Caused by Web Fonts (sim)479
, ,
Website Performance and the Planet478
,
Memory Leaks: The Forgotten Side of Web Performance (nol)477
Improving WordPress Performance: An Open Letter (erw)476
, ,
A Unified Theory of Web Performance (sli)475
Exposing Mid-Resource LCP Values474
Page Visibility: If a Tree Falls in the Forest…473
,
Using Diagnostic Metrics472
Practical Tips for Load-Testing Web Applications471
, ,
The Business Case for Performance470
Faster Websites by Using Less HTML (j9t)469
, , ,
Redirect Liquidation (tim)468
,
Frontend Web Performance: The Essentials467
,
Web Performance, Core Web Vitals, and Vanity Metrics466
,
Hands On With the New Responsiveness Metrics465
,
Explain Like I’m Five: Web Performance Optimization (sto)464
Performance Implications of JavaScript Errors463
,
Defer Non-Critical Resources462
Caching: Understanding the Scope461
Test Your Product on a Crappy Laptop (eri/css)460
,
HTTP Compression459
, ,
Have Core Web Vitals Made the Web Faster? (tun)458
Plugging Memory Leaks in Your App (sto)457
Request for a General Theory of Web Performance456
Page Weight (htt)455
, , ,
Smashing Podcast Episode 44 With Chris Ferdinandi: Is the Web Dead? (cfe+/sma)454
, , , , ,
7 Ways to Improve Node.js Performance at Scale (app)453
,
How JavaScript Engines Achieve Great Performance452
,
Improving the Performance of Wix Websites (Case Study) (sma)451
, ,
Designing Sustainable Websites (ger)450
,
Performance (sia/htt)449
, , , ,
Get Your “Head” Straight (css/btc)448
,
Why IndexedDB Is Slow and What to Use Instead447
, ,
Your CSS Is an Interface (eri)446
Using Web Workers to Boost Third-Party Script Performance (log)445
,
Why Your Website Should Not Use Dithered Images444
, ,
Chrome DevTools: Record and Playback Your User Journeys443
, , , ,
Everything You Have to Know About Core Web Vitals (fox/cal)442
How to Implement Memoization in React to Improve Performance441
, , ,
Best Practices on Embedding Third-Party Web Widgets440
,
Building an Effective Image Component (dev)439
,
Web Performance Metrics Cheatsheet (ire)438
,
New HTTP Standards for Caching on the Modern Web437
, , ,
Optimizing Resource Loading With the Fetch Priority API (add+/dev)436
, ,
How I Made Google’s Data Grid Scroll 10× Faster With One Line of CSS435
My Challenge to the Web Performance Community (phi)434
jsPerf—Online JavaScript Performance Benchmark433
,
Using Modern Image Formats: AVIF and WebP (add/sma)432
, , , , , ,
Faster React Apps With Memoization431
,
ct.css—Let’s Take a Look Inside Your “<head>” (css)430
,
Small Bundles, Fast Pages: What to Do With Too Much JavaScript (cal)429
,
Optimizing Images on the Web (clo)428
,
Vanilla JS Is a Web Performance Decision (cfe)427
Blowing Up HTML Size With Responsive Images (deb)426
, ,
Designing for Long Waits and Interruptions: Mitigating Breaks in Workflow in Complex Application Design (nng)425
,
Writing High-Performance JavaScript (cfe)424
What Are the Web Performance Metrics That Actually Matter? (cfe)423
Lighthouse Scores Do Not Affect Google Search/SEO (erw)422
, , ,
HTTP/3: Performance Improvements (pro/sma)421
,
Does Shadow DOM Improve Style Performance? (nol)420
, ,
Big O, Code Efficiency Analysis419
“<Lazy>” Rendering in Vue to Improve Performance418
, ,
A Performance-Focused Workflow Based on Google Tools (dev)417
, ,
How We Reduced Next.js Page Size by 3.5× and Achieved a 98 Lighthouse Score416
, , ,
CSS Architecture and Performance in Micro Frontends415
, ,
Learnings From a WebPageTest Session on CSS-Tricks (chr/css)414
A Beginner’s Guide to Lighthouse413
, , ,
How to Eliminate Render-Blocking Resources: A Deep Dive (sia)412
,
The Performance Effects of Too Much Lazy-Loading (rvi/dev)411
,
What Is Tree Shaking? (cfe)410
, ,
Performance Design: The Illusion of Speed409
Resource Inlining in JavaScript Frameworks (mge/dev)408
, ,
Making the Web—Faster (rau)407
, ,
Half the Size of Images by Optimising for High Density Displays (jaf)406
,
Serving Sharp Images to High Density Screens (jaf)405
What Can the HTTP Archive Tell Us About Largest Contentful Paint?404
Using AVIF to Compress Images on Your Site (dev)403
, ,
Best Practices for Fonts (tun/dev)402
,
CSS for Web Vitals (una/dev)401
,
How to Fix Cumulative Layout Shift (CLS) Issues (tun/sma)400
,
Elasticsearch Boolean Query Performance (ast)399
,
Tree-Shaking: A Reference Guide (ati/sma)398
, , ,
Reducing HTML Payload With Next.js (Case Study) (sma)397
, ,
An Introduction to Performance Budgets396
, ,
9 Principles of Good Web Design395
, , , , , ,
Bypassing Cookie Consent Banners in Lighthouse and WebPageTest (and)394
, , , , ,
The 5-Hour CDN (fly)393
Measuring Web Performance in Mobile Safari (css)392
, , , ,
What About Ember? (tka)391
Front-End Performance 2021: Assets Optimizations (vit/sma)390
, , ,
Front-End Performance 2021: Build Optimizations (vit/sma)389
, ,
Front-End Performance 2021: Delivery Optimizations (vit/sma)388
,
Testing Performance (kel)387
HTML and CSS Techniques to Reduce Your JavaScript386
, ,
Continuous Performance Analysis With Lighthouse CI and GitHub Actions (css)385
, ,
Optimizing Image Depth (mey/css)384
, ,
Page Weight (htt)383
, , ,
Time to Say Goodbye to Google Fonts: Cache Performance382
, ,
Best Practices for Inclusive Textual Websites381
, ,
Measuring Core Web Vitals With Sentry (fon/css)380
,
Warp: Improved JS Performance in Firefox 83 (jan/moz)379
, , , , ,
The What, Why, and How of Using a Skeleton Loading Screen (tre)378
,
Core Web Vitals: A Guide to Google’s Web Performance Metrics (cra)377
, ,
Signed Exchanges (SXGs) (twi/dev)376
, ,
How to Create High-Performance CSS Animations (rac/dev)375
, ,
Reducing the Site Speed Impact of Third-Party Tags374
Enforcing Performance Budgets With Webpack (css)373
,
AVIF Has Landed (jaf)372
, , , , , , ,
Loading Third-Party JavaScript (add/dev)371
Performance Is an Issue of Equity (clo)370
Lazy Loading Images in Svelte (css)369
, ,
Methods of Improving and Optimizing Performance in React Apps (sma)368
,
We Need More Inclusive Web Performance Metrics (sco)367
,
How I Used Brotli to Get Even Smaller CSS and JavaScript Files at CDN Scale (css)366
,
5 Projects to Help You Master Modern CSS (cra)365
, ,
Core Web Vitals (chr/css)364
, ,
On Fixed Elements and Backgrounds (hui)363
, , ,
Speed Up Google Fonts (css)362
,
The Need for Speed, 23 Years Later (nng)361
,
Maybe You Don’t Need That SPA360
, ,
prerender.js (chr/css)359
Introducing Web Vitals: Essential Metrics for a Healthy Site (dev)358
, , ,
Real-World Effectiveness of Brotli (css)357
, ,
The Cost of JavaScript Frameworks (tka)356
, , , , , ,
Start Render: The Web Performance Metric That Heralds the End of the Blank Page355
,
Performance Tips: Minifying HTML, CSS, and JS354
, , , , ,
Setting Height and Width on Images Is Important Again (tun/sma)353
, ,
Improving Perceived Performance With the CSS “font-display” Property (the)352
,
Encrypting DNS Query Bad for Performance? (erw)351
, , ,
Page Builders Might Not Be a Good Idea (cit)350
, ,
Do This to Improve Image Loading on Your Website (fon/css)349
,
Google Tag Manager vs. Page Speed: The Impact and How to Improve348
, , ,
The Web in 2020: Extensibility and Interoperability (una/css)347
, , , , , , , ,
Should You Self-Host Google Fonts? (tun)346
, ,
Improving Site Performance With Webpack Tree Shaking345
, ,
Performance Budgets, Pragmatically (css)344
Putting Devs Before Users: How Frameworks Destroyed Web Performance (uxd)343
,
An HTML Optimizer’s Config for html-minifier (j9t)342
, , , , ,
How Do You Remove Unused CSS From a Site? (chr/css)341
,
Speed Up Your Website With WebP (sma)340
, ,
A Guide to Optimizing Images for Mobile (sma)339
, , ,
On Writing Better Markup (j9t)338
, , ,
Workflow Considerations for Using an Image Management Service (chr/css)337
, ,
Recipes for Performance Testing Single Page Applications in Webpagetest (pha/css)336
, , ,
Some HTML Is “Optional” (chr/css)335
,
Faster Image Loading With Embedded Image Previews (sma)334
, , ,
Other Ways to SPAs (chr/css)333
,
Lazy Load Embedded YouTube Videos (chr/css)332
, ,
Optional HTML: Everything You Need to Know (j9t)331
,
Accessibility and Web Performance Are Not Features, They’re the Baseline (fon/css)330
, , ,
Handling Unused CSS in Sass to Improve Performance (sma)329
, ,
What CMS to Use for Optimale TTFB (and Site Speed?) (erw)328
, , ,
I Used the Web for a Day on a 50 MB Budget (sma)327
How Google Pagespeed Works: Improve Your Score and Search Engine Ranking (ben/css)326
, , ,
Browsers Are Pretty Good at Loading Pages, It Turns Out325
, ,
The Simplest Way to Load CSS Asynchronously (sco)324
,
Shifting the Performance Burden (sco)323
Optimizing Google Fonts Performance (sma)322
, ,
How to Increase Your Page Size by 1,500% With Webpack and Vue (bur/css)321
,
The Problem With Web Development Checklists, or: The Frontend Checklist, Revised (j9t)320
, , , ,
Responsible JavaScript (mal/ali)319
, , , , ,
Image Optimization in WordPress (sma)318
, ,
Self-Host Your Static Assets (css)317
,
Characteristics of a Strong Performance Culture (tka)316
,
Understanding Image Compression: Tooling and Context (j9t)315
, ,
The Scoville Scale of Web Font Loading Opinions (zac/btc)314
,
Browser Resource Hints: “preload”, “prefetch”, and “preconnect” (deb)313
, , , ,
Optimizing Performance With Resource Hints (dre/sma)312
,
The Serif Tax (chr/css)311
Improving Perceived Performance With the Link “rel=preconnect” HTTP Header (and)310
, ,
“Cache-Control” for Civilians (css)309
,
How to Avoid DOM Blocking in JavaScript (cra)308
, ,
Rendering on the Web (add+/dev)307
, , , ,
8 Reasons Why You’re Doing SEO Wrong (erw)306
HTML and Performance: Leave Out Optional Tags and Quotes (j9t)305
The Ethics of Web Performance (tka)304
,
The Elements of UI Engineering (dan)303
, , , , , ,
Static vs. Server Rendering302
, ,
Speed Up Next-Page Navigations With Prefetching (add)301
, , , ,
Keeping Sass Simple and Speedy on Eleventy (phi)300
,
On Visions for Performance, or: Performance Optimization Is a Process (j9t)299
, ,
Front-End Developers Have to Manage the Loading Experience (chr/css)298
Performance Rule #1: Do What You Need to Do—But Not More (j9t)297
Improve Animated GIF Performance With HTML5 Video (sma)296
, ,
Performance Budgets 101 (dev)295
, ,
Reduce JavaScript Payloads With Code Splitting (mal/dev)294
,
A Netflix Web Performance Case Study (add/dev)293
A Guide to Caching in WordPress292
, , ,
How to Configure Lighthouse for Balanced Quality Websites (j9t)291
, , , ,
A Minimal JavaScript Setup (css)290
, , , , ,
Chrome’s Noscript Intervention (tka)289
, , , ,
20 Tips for Optimizing CSS Performance (cra)288
, ,