Tech does not just watch: Take action against Russia’s war on Ukraine 🇺🇦 Take action against Israel’s genocide on the Palestinian people and the destruction of Palestine 🇵🇸 Petition, protest, boycott, divest, sanction. Hide

Frontend Dogma

“performance” News Archive (3)

Entry (Sources) and Other Related TopicsDate#
Optimising Core Web Vitals on SPAs (sim)458
, ,
Improving Your User Experience to Reduce Bounce Rates (uxm)457
, ,
Performance Tests on Common JavaScript Array Methods (hac)456
, ,
Optimizing SVG Patterns to Their Smallest Size (css)455
,
The Impact That High Quality Mark-Up Can Have on Accessibility, Performance, and Discoverability454
, ,
Making the World’s Fastest Website, and Other Mistakes453
The Weirdly Obscure Art of Streamed HTML452
,
Ten Years of Page Bloat: What Have We Learned? (spe)451
,
Performance Signals for Customizing Website UX (tun/sma)450
, ,
A New Speed Milestone for Chrome (dev)449
, ,
7 Ways to Achieve a Faster Core Web Vitals Score (hac)448
Should Frontend Devs Care About Performance?447
Top 2021 CSS Frameworks Report: The CSS File Sizes (cit)446
, , ,
How to Make MPAs That Are as Fast as SPAs (cfe)445
, ,
Minimizing Google Fonts by Only Loading It for Certain Characters (ami)444
, , ,
Core Web Vitals: What Next? (moz)443
,
The Difference Between Brotli and Gzip Compression Algorithms to Speed Up Your Site442
, ,
This Is Why Your Node.js Application Is Slow441
Reducing the Web’s Carbon Footprint: Optimizing Social Media Embeds (mic/sma)440
, ,
Improving JavaScript Bundle Performance With Code-Splitting (cod/sma)439
, , ,
Speed Matters, but It Isn’t Everything438
,
Caching Header Best Practices (sim)437
, , ,
Optimize Your PNGs With Oxipng and pre-commit (ada)436
, , ,
Big Images, Blazingly Fast435
,
How to Avoid Layout Shifts Caused by Web Fonts (sim)434
, ,
Website Performance and the Planet433
,
Memory Leaks: The Forgotten Side of Web Performance (nol)432
A Unified Theory of Web Performance (sli)431
Exposing Mid-Resource LCP Values430
Page Visibility: If a Tree Falls in the Forest…429
,
Using Diagnostic Metrics428
Practical Tips for Load-Testing Web Applications427
, ,
The Business Case for Performance426
Faster Websites by Using Less HTML (j9t)425
, , ,
Redirect Liquidation (tim)424
,
Frontend Web Performance: The Essentials423
,
Web Performance, Core Web Vitals, and Vanity Metrics422
,
Hands On With the New Responsiveness Metrics421
,
Explain Like I’m Five: Web Performance Optimization (sto)420
Performance Implications of JavaScript Errors419
,
Defer Non-Critical Resources418
Caching: Understanding the Scope417
Test Your Product on a Crappy Laptop (eri/css)416
,
HTTP Compression415
, ,
Have Core Web Vitals Made the Web Faster? (tun)414
Plugging Memory Leaks in Your App (sto)413
Request for a General Theory of Web Performance412
Page Weight (htt)411
, , ,
Smashing Podcast Episode 44 With Chris Ferdinandi: Is the Web Dead? (cfe+/sma)410
, , , , ,
7 Ways to Improve Node.js Performance at Scale (app)409
,
Improving the Performance of Wix Websites (Case Study) (sma)408
, ,
How JavaScript Engines Achieve Great Performance407
,
Designing Sustainable Websites (ger)406
,
Performance (sia/htt)405
, , , ,
Why IndexedDB Is Slow and What to Use Instead404
, ,
Your CSS Is an Interface (eri)403
Get Your “Head” Straight (css/btc)402
,
Why Your Website Should Not Use Dithered Images401
, ,
Using Web Workers to Boost Third-Party Script Performance (log)400
,
Chrome DevTools: Record and Playback Your User Journeys399
, , , ,
How to Implement Memoization in React to Improve Performance398
, , ,
Everything You Have to Know About Core Web Vitals (fox/cal)397
Best Practices on Embedding Third-Party Web Widgets396
,
Building an Effective Image Component (dev)395
,
Web Performance Metrics Cheatsheet (ire)394
,
Optimizing Resource Loading With the Fetch Priority API (add+/dev)393
, ,
How I Made Google’s Data Grid Scroll 10× Faster With One Line of CSS392
New HTTP Standards for Caching on the Modern Web391
, , ,
My Challenge to the Web Performance Community (phi)390
jsPerf—Online JavaScript Performance Benchmark389
,
Using Modern Image Formats: AVIF and WebP (add/sma)388
, , , , , ,
Faster React Apps With Memoization387
,
ct.css—Let’s Take a Look Inside Your “<head>” (css)386
,
Small Bundles, Fast Pages: What to Do With Too Much JavaScript (cal)385
,
Optimizing Images on the Web (clo)384
,
Vanilla JS Is a Web Performance Decision (cfe)383
Blowing Up HTML Size With Responsive Images (deb)382
, ,
Designing for Long Waits and Interruptions: Mitigating Breaks in Workflow in Complex Application Design381
,
Writing High-Performance JavaScript (cfe)380
What Are the Web Performance Metrics That Actually Matter? (cfe)379
HTTP/3: Performance Improvements (pro/sma)378
,
Does Shadow DOM Improve Style Performance? (nol)377
, ,
Big O, Code Efficiency Analysis376
“<Lazy>” Rendering in Vue to Improve Performance375
, ,
A Performance-Focused Workflow Based on Google Tools (dev)374
, ,
How We Reduced Next.js Page Size by 3.5× and Achieved a 98 Lighthouse Score373
, , ,
CSS Architecture and Performance in Micro Frontends372
, ,
Learnings From a WebPageTest Session on CSS-Tricks (chr/css)371
A Beginner’s Guide to Lighthouse370
, , ,
How to Eliminate Render-Blocking Resources: A Deep Dive (sia)369
,
The Performance Effects of Too Much Lazy-Loading (rvi/dev)368
,
What Is Tree Shaking? (cfe)367
, ,
Performance Design: The Illusion of Speed366
Resource Inlining in JavaScript Frameworks (mge/dev)365
, ,
Making the Web—Faster (rau)364
, ,
Serving Sharp Images to High Density Screens (jaf)363
Half the Size of Images by Optimising for High Density Displays (jaf)362
,
Using AVIF to Compress Images on Your Site (dev)361
, ,
What Can the HTTP Archive Tell Us About Largest Contentful Paint?360
Best Practices for Fonts (tun/dev)359
,
CSS for Web Vitals (una/dev)358
,
How to Fix Cumulative Layout Shift (CLS) Issues (tun/sma)357
,
Tree-Shaking: A Reference Guide (ati/sma)356
, , ,
Reducing HTML Payload With Next.js (Case Study) (sma)355
, ,
An Introduction to Performance Budgets354
, ,
9 Principles of Good Web Design353
, , , , , ,
Bypassing Cookie Consent Banners in Lighthouse and WebPageTest (and)352
, , , , ,
The 5-Hour CDN (fly)351
Measuring Web Performance in Mobile Safari (css)350
, , , ,
What About Ember? (tka)349
Testing Performance (kel)348
Front-End Performance 2021: Delivery Optimizations (vit/sma)347
,
Front-End Performance 2021: Build Optimizations (vit/sma)346
, ,
Front-End Performance 2021: Assets Optimizations (vit/sma)345
, , ,
HTML and CSS Techniques to Reduce Your JavaScript344
, ,
Continuous Performance Analysis With Lighthouse CI and GitHub Actions (css)343
, ,
Optimizing Image Depth (mey/css)342
, ,
Page Weight (htt)341
, , ,
Time to Say Goodbye to Google Fonts: Cache Performance340
, ,
Best Practices for Inclusive Textual Websites339
, ,
Measuring Core Web Vitals With Sentry (fon/css)338
,
Warp: Improved JS Performance in Firefox 83 (jan)337
, , , , ,
The What, Why, and How of Using a Skeleton Loading Screen (tre)336
Core Web Vitals: A Guide to Google’s Web Performance Metrics (cra)335
, ,
Signed Exchanges (SXGs) (twi/dev)334
, ,
How to Create High-Performance CSS Animations (rac/dev)333
, ,
Reducing the Site Speed Impact of Third-Party Tags332
Enforcing Performance Budgets With Webpack (css)331
,
AVIF Has Landed (jaf)330
, , , , , , ,
Loading Third-Party JavaScript (add/dev)329
Performance Is an Issue of Equity (clo)328
Lazy Loading Images in Svelte (css)327
, ,
Methods of Improving and Optimizing Performance in React Apps (sma)326
,
We Need More Inclusive Web Performance Metrics (sco)325
,
How I Used Brotli to Get Even Smaller CSS and JavaScript Files at CDN Scale (css)324
,
5 Projects to Help You Master Modern CSS (cra)323
, ,
Core Web Vitals (chr/css)322
, ,
On Fixed Elements and Backgrounds (hui)321
, , ,
Speed Up Google Fonts (css)320
,
The Need for Speed, 23 Years Later319
,
Maybe You Don’t Need That SPA318
, ,
prerender.js (chr/css)317
Introducing Web Vitals: Essential Metrics for a Healthy Site (dev)316
, , ,
Real-World Effectiveness of Brotli (css)315
, ,
The Cost of JavaScript Frameworks (tka)314
, , , , , ,
Start Render: The Web Performance Metric That Heralds the End of the Blank Page313
,
Performance Tips: Minifying HTML, CSS, and JS312
, , , , ,
Setting Height and Width on Images Is Important Again (tun/sma)311
, ,
Improving Perceived Performance With the CSS “font-display” Property (the)310
,
Page Builders Might Not Be a Good Idea (cit)309
, ,
Do This to Improve Image Loading on Your Website (fon/css)308
,
Google Tag Manager vs. Page Speed: The Impact and How to Improve307
, , ,
The Web in 2020: Extensibility and Interoperability (una/css)306
, , , , , , , ,
Should You Self-Host Google Fonts? (tun)305
, ,
Improving Site Performance With Webpack Tree Shaking304
, ,
Performance Budgets, Pragmatically (css)303
Putting Devs Before Users: How Frameworks Destroyed Web Performance (uxd)302
,
An HTML Optimizer’s Config for html-minifier (j9t)301
, , , , ,
How Do You Remove Unused CSS From a Site? (chr/css)300
,
Speed Up Your Website With WebP (sma)299
, ,
A Guide to Optimizing Images for Mobile (sma)298
, , ,
Workflow Considerations for Using an Image Management Service (chr/css)297
, ,
On Writing Better Markup (j9t)296
, , ,
Recipes for Performance Testing Single Page Applications in Webpagetest (pha/css)295
, , ,
Some HTML Is “Optional” (chr/css)294
,
Faster Image Loading With Embedded Image Previews (sma)293
, , ,
Other Ways to SPAs (chr/css)292
,
Lazy Load Embedded YouTube Videos (chr/css)291
, ,
Optional HTML: Everything You Need to Know (j9t)290
,
Accessibility and Web Performance Are Not Features, They’re the Baseline (fon/css)289
, , ,
Handling Unused CSS in Sass to Improve Performance (sma)288
, ,
I Used the Web for a Day on a 50 MB Budget (sma)287
How Google Pagespeed Works: Improve Your Score and Search Engine Ranking (ben/css)286
, , ,
Browsers Are Pretty Good at Loading Pages, It Turns Out285
, ,
The Simplest Way to Load CSS Asynchronously (sco)284
,
Shifting the Performance Burden (sco)283
Optimizing Google Fonts Performance (sma)282
, ,
How to Increase Your Page Size by 1,500% With Webpack and Vue (bur/css)281
,
The Problem With Web Development Checklists, or: The Frontend Checklist, Revised (j9t)280
, , , ,
Responsible JavaScript (mal/ali)279
, , , , ,
Image Optimization in WordPress (sma)278
, ,
Self-Host Your Static Assets (css)277
,
Characteristics of a Strong Performance Culture (tka)276
,
Understanding Image Compression: Tooling and Context (j9t)275
, ,
The Scoville Scale of Web Font Loading Opinions (zac/btc)274
,
Browser Resource Hints: “preload”, “prefetch”, and “preconnect” (deb)273
, , ,
Optimizing Performance With Resource Hints (dre/sma)272
,
The Serif Tax (chr/css)271
Improving Perceived Performance With the Link “rel=preconnect” HTTP Header (and)270
, ,
“Cache-Control” for Civilians (css)269
,
How to Avoid DOM Blocking in JavaScript (cra)268
, ,
Rendering on the Web (add+/dev)267
, , , ,
HTML and Performance: Leave Out Optional Tags and Quotes (j9t)266
The Ethics of Web Performance (tka)265
,
The Elements of UI Engineering (dan)264
, , , , , ,
Static vs. Server Rendering263
, ,
Speed Up Next-Page Navigations With Prefetching (add)262
, , , ,
Keeping Sass Simple and Speedy on Eleventy (phi)261
,
On Visions for Performance, or: Performance Optimization Is a Process (j9t)260
, ,
Front-End Developers Have to Manage the Loading Experience (chr/css)259
Performance Rule #1: Do What You Need to Do—But Not More (j9t)258
Reduce JavaScript Payloads With Code Splitting (mal/dev)257
,
Performance Budgets 101 (dev)256
, ,
Improve Animated GIF Performance With HTML5 Video (sma)255
, ,
A Netflix Web Performance Case Study (add/dev)254
How to Configure Lighthouse for Balanced Quality Websites (j9t)253
, , , ,
A Guide to Caching in WordPress252
, , ,
A Minimal JavaScript Setup (css)251
, , , , ,
Chrome’s Noscript Intervention (tka)250
, , , ,
20 Tips for Optimizing CSS Performance (cra)249
, ,
Variable Fonts: What They Are, and How to Use Them248
, ,
Browser Painting and Considerations for Web Performance (css)247
, , ,
Slow Websites (geo/css)246
The Cost of JavaScript in 2018 (add)245
, , , ,
HTTP/2: The Difference Between HTTP/1.1, Benefits, and How to Use It244
, ,
Delivering WordPress in 7 KB (css)243
,
HTTP/2: Background, Performance Benefits, and Implementations242
,
Improving Performance Perception: On-Demand Image Resizing241
, , ,
How I Dropped 250 KB of Dead CSS Weight With PurgeCSS (sar)240
,
The Four Big Ways Jetpack Helps With Image Performance (css)239
, ,
Here’s the Thing About “Unused CSS” Tools (chr/css)238
, ,
7 Performance Tips for Jank-Free JavaScript Animations237
, ,
Making Your Website Faster and Safer With Cloudflare236
, ,
How Do You Know Your Website Is a Success? (sma)235
, , , , , , ,
Page Transitions for Everyone (css)234
, , , ,
Introducing Last Painted Hero (spe)233
How Fast Is AMP Really? (tka)232
, ,
Three Techniques for Performant Custom Font Usage (oll/css)231
, ,
AMP News (chr/css)230
, ,
Why Fast Matters (css/btc)229
,
How to Optimize CSS and JS for Faster Sites228
, , , ,
Finding Dead CSS (css)227
,
SYN Packet Handling in the Wild (clo)226
, ,
Performance of CSS Selectors Is Still Irrelevant (j9t)225
,
Progressive Web Apps: A Crash Course224
, , , ,
Optimizing CSS: Tweaking Animation Performance With DevTools223
, , , , , ,
On Big Picture Thinking in Web Development (j9t)222
, , , ,
How to Optimize SQL Queries for Faster Sites221
, , , , ,
Understanding the “Vary” Header (sma)220
, ,
The Front-End Checklist (the)219
, , , , , , ,
The State of the Web (fox)218
Using the Paint Timing API (mal/css)217
, , , ,
(Now More Than Ever) You Might Not Need jQuery (oll/css)216
, , , ,
Three Reasons Why You Should Care About Google Lighthouse (fox/cal)215
,
What Is the Future of Front End Web Development? (chr/css)214
, , , , , , , , , , ,
What We Talk About When We Talk About Web Performance (btc)213
Let the Content Delivery Network Optimize Your Images (jon/sma)212
, ,
Optimizing Web Fonts for Performance: The State of the Art211
,
Brotli and Static Compression (mal/css)210
, , ,
A Comprehensive Guide to HTTP/2 Server Push (mal/sma)209
, , ,