Frontend Dogma

“performance” Archive (3)

Entry (Sources) and Other Related TopicsDate#
Website Performance and the Planet400
,
Memory Leaks: The Forgotten Side of Web Performance (nol)399
A Unified Theory of Web Performance (sli)398
Exposing Mid-Resource LCP Values397
Page Visibility: If a Tree Falls in the Forest…396
,
Using Diagnostic Metrics395
Practical Tips for Load-Testing Web Applications394
, ,
The Business Case for Performance393
Faster Websites by Using Less HTML (j9t)392
, , ,
Redirect Liquidation391
,
Frontend Web Performance: The Essentials390
,
Web Performance, Core Web Vitals, and Vanity Metrics389
,
Hands On With the New Responsiveness Metrics388
,
Explain Like I’m Five: Web Performance Optimization (sto)387
Performance Implications of JavaScript Errors386
,
Defer Non-Critical Resources385
Caching: Understanding the Scope384
Test Your Product on a Crappy Laptop (eri/css)383
,
HTTP Compression382
, ,
Have Core Web Vitals Made the Web Faster? (tun)381
Plugging Memory Leaks in Your App (sto)380
Request for a General Theory of Web Performance379
Page Weight (htt)378
, , ,
Smashing Podcast Episode 44 With Chris Ferdinandi: Is the Web Dead? (cfe+/sma)377
, , , , ,
7 Ways to Improve Node.js Performance at Scale (app)376
,
Improving the Performance of Wix Websites (Case Study) (dan/sma)375
, ,
How JavaScript Engines Achieve Great Performance374
,
Designing Sustainable Websites (ger)373
,
Performance (sia/htt)372
, , , ,
Why IndexedDB Is Slow and What to Use Instead371
, ,
Your CSS Is an Interface (eri)370
Get Your “Head” Straight (css/btc)369
,
Why Your Website Should Not Use Dithered Images368
, ,
Using Web Workers to Boost Third-Party Script Performance (log)367
,
Chrome DevTools: Record and Playback Your User Journeys366
, , , ,
How to Implement Memoization in React to Improve Performance365
, , ,
Everything You Have to Know About Core Web Vitals (fox/cal)364
Best Practices on Embedding Third-Party Web Widgets363
,
Building an Effective Image Component (dev)362
,
Web Performance Metrics Cheatsheet (ire)361
,
Optimizing Resource Loading With the Fetch Priority API (add+/dev)360
, ,
How I Made Google’s Data Grid Scroll 10× Faster With One Line of CSS359
New HTTP Standards for Caching on the Modern Web358
, , ,
My Challenge to the Web Performance Community (phi)357
jsPerf—Online JavaScript Performance Benchmark356
,
Using Modern Image Formats: AVIF and WebP (add/sma)355
, , , , , ,
Faster React Apps With Memoization354
,
ct.css—Let’s Take a Look Inside Your “<head>” (css)353
,
Small Bundles, Fast Pages: What to Do With Too Much JavaScript (cal)352
,
Optimizing Images on the Web (clo)351
,
Vanilla JS Is a Web Performance Decision (cfe)350
Blowing Up HTML Size With Responsive Images (deb)349
, ,
Designing for Long Waits and Interruptions: Mitigating Breaks in Workflow in Complex Application Design348
,
Writing High-Performance JavaScript (cfe)347
What Are the Web Performance Metrics That Actually Matter? (cfe)346
HTTP/3: Performance Improvements (pro/sma)345
,
Does Shadow DOM Improve Style Performance? (nol)344
, ,
Big O, Code Efficiency Analysis343
“<Lazy>” Rendering in Vue to Improve Performance342
, ,
A Performance-Focused Workflow Based on Google Tools (dev)341
, ,
How We Reduced Next.js Page Size by 3.5× and Achieved a 98 Lighthouse Score340
, , ,
CSS Architecture and Performance in Micro Frontends339
, ,
Learnings From a WebPageTest Session on CSS-Tricks (chr/css)338
A Beginner’s Guide to Lighthouse337
, , ,
How to Eliminate Render-Blocking Resources: A Deep Dive (sia)336
,
The Performance Effects of Too Much Lazy-Loading (rvi/dev)335
,
What Is Tree Shaking? (cfe)334
, ,
Performance Design: The Illusion of Speed333
Resource Inlining in JavaScript Frameworks (mge/dev)332
, ,
Making the Web—Faster (rau)331
, ,
Serving Sharp Images to High Density Screens (jaf)330
Half the Size of Images by Optimising for High Density Displays (jaf)329
,
Using AVIF to Compress Images on Your Site (dev)328
, ,
What Can the HTTP Archive Tell Us About Largest Contentful Paint?327
Best Practices for Fonts (tun/dev)326
,
CSS for Web Vitals (una/dev)325
,
How to Fix Cumulative Layout Shift (CLS) Issues (tun/sma)324
,
Tree-Shaking: A Reference Guide (ati/sma)323
, , ,
Reducing HTML Payload With Next.js (Case Study) (sma)322
, ,
An Introduction to Performance Budgets321
, ,
9 Principles of Good Web Design320
, , , , , ,
Bypassing Cookie Consent Banners in Lighthouse and WebPageTest (and)319
, , , ,
The 5-Hour CDN (fly)318
Measuring Web Performance in Mobile Safari (css)317
, , , ,
What About Ember? (tka)316
Testing Performance (kel)315
Front-End Performance 2021: Delivery Optimizations (vit/sma)314
,
Front-End Performance 2021: Build Optimizations (vit/sma)313
, ,
Front-End Performance 2021: Assets Optimizations (vit/sma)312
, , ,
HTML and CSS Techniques to Reduce Your JavaScript311
, ,
Page Weight (htt)310
, , ,
Time to Say Goodbye to Google Fonts: Cache Performance309
, ,
Best Practices for Inclusive Textual Websites308
, ,
Warp: Improved JS Performance in Firefox 83 (jan)307
, , , , ,
The What, Why, and How of Using a Skeleton Loading Screen (tre)306
Core Web Vitals: A Guide to Google’s Web Performance Metrics (cra)305
, ,
Signed Exchanges (SXGs) (twi/dev)304
, ,
How to Create High-Performance CSS Animations (rac/dev)303
, ,
Reducing the Site Speed Impact of Third-Party Tags302
AVIF Has Landed (jaf)301
, , , , , , ,
Loading Third-Party JavaScript (add/dev)300
Performance Is an Issue of Equity (clo)299
Methods of Improving and Optimizing Performance in React Apps (sma)298
,
We Need More Inclusive Web Performance Metrics (sco)297
,
5 Projects to Help You Master Modern CSS (cra)296
, ,
On Fixed Elements and Backgrounds (hui)295
, , ,
Speed Up Google Fonts (css)294
,
The Need for Speed, 23 Years Later293
,
Maybe You Don’t Need That SPA292
, ,
Real-World Effectiveness of Brotli (css)291
, ,
The Cost of JavaScript Frameworks (tka)290
, , , , , ,
Start Render: The Web Performance Metric That Heralds the End of the Blank Page289
,
Performance Tips: Minifying HTML, CSS, and JS288
, , , , ,
Setting Height and Width on Images Is Important Again (tun/sma)287
, ,
Improving Perceived Performance With the CSS “font-display” Property (the)286
,
Page Builders Might Not Be a Good Idea (cit)285
, ,
Google Tag Manager vs. Page Speed: The Impact and How to Improve284
, , ,
Should You Self-Host Google Fonts? (tun)283
, ,
Improving Site Performance With Webpack Tree Shaking282
, ,
Performance Budgets, Pragmatically (css)281
Putting Devs Before Users: How Frameworks Destroyed Web Performance (uxd)280
,
An HTML Optimizer’s Config for html-minifier (j9t)279
, , , , ,
Speed Up Your Website With WebP (sma)278
, ,
A Guide to Optimizing Images for Mobile (sma)277
, , ,
On Writing Better Markup (j9t)276
, , ,
Faster Image Loading With Embedded Image Previews (sma)275
, , ,
Optional HTML: Everything You Need to Know (j9t)274
,
Handling Unused CSS in Sass to Improve Performance (sma)273
, ,
I Used the Web for a Day on a 50 MB Budget (sma)272
Browsers Are Pretty Good at Loading Pages, It Turns Out271
, ,
The Simplest Way to Load CSS Asynchronously (sco)270
,
Shifting the Performance Burden (sco)269
Optimizing Google Fonts Performance (sma)268
, ,
The Problem With Web Development Checklists, or: The Frontend Checklist, Revised (j9t)267
, , , ,
Responsible JavaScript (mal/ali)266
, , , , ,
Image Optimization in WordPress (sma)265
, ,
Self-Host Your Static Assets (css)264
,
Characteristics of a Strong Performance Culture (tka)263
,
Understanding Image Compression: Tooling and Context (j9t)262
, ,
The Scoville Scale of Web Font Loading Opinions (zac/btc)261
,
Browser Resource Hints: “preload”, “prefetch”, and “preconnect” (deb)260
, , ,
Optimizing Performance With Resource Hints (dre/sma)259
,
Improving Perceived Performance With the Link “rel=preconnect” HTTP Header (and)258
, ,
“Cache-Control” for Civilians (css)257
,
How to Avoid DOM Blocking in JavaScript (cra)256
, ,
Rendering on the Web (add+/dev)255
, , , ,
HTML and Performance: Leave Out Optional Tags and Quotes (j9t)254
The Ethics of Web Performance (tka)253
,
Static vs. Server Rendering252
, ,
Speed Up Next-Page Navigations With Prefetching (add)251
, , , ,
Keeping Sass Simple and Speedy on Eleventy (phi)250
,
On Visions for Performance, or: Performance Optimization Is a Process (j9t)249
, ,
Performance Rule #1: Do What You Need to Do—But Not More (j9t)248
Reduce JavaScript Payloads With Code Splitting (mal/dev)247
,
Performance Budgets 101 (dev)246
, ,
Improve Animated GIF Performance With HTML5 Video (sma)245
, ,
A Netflix Web Performance Case Study (add/dev)244
A Guide to Caching in WordPress243
, , ,
How to Configure Lighthouse for Balanced Quality Websites (j9t)242
, , , ,
Chrome’s Noscript Intervention (tka)241
, , , ,
20 Tips for Optimizing CSS Performance (cra)240
, ,
Variable Fonts: What They Are, and How to Use Them239
, ,
Browser Painting and Considerations for Web Performance (css)238
, , ,
Slow Websites (geo/css)237
The Cost of JavaScript in 2018 (add)236
, , , ,
HTTP/2: The Difference Between HTTP/1.1, Benefits, and How to Use It235
, ,
Delivering WordPress in 7 KB (css)234
,
HTTP/2: Background, Performance Benefits, and Implementations233
,
Improving Performance Perception: On-Demand Image Resizing232
, , ,
The Four Big Ways Jetpack Helps With Image Performance (css)231
, ,
Here’s the Thing About “Unused CSS” Tools (chr/css)230
, ,
7 Performance Tips for Jank-Free JavaScript Animations229
, ,
Making Your Website Faster and Safer With Cloudflare228
, ,
How Do You Know Your Website Is a Success? (sma)227
, , , , , , ,
Page Transitions for Everyone (css)226
, , , ,
Introducing Last Painted Hero (spe)225
How Fast Is AMP Really? (tka)224
, ,
Three Techniques for Performant Custom Font Usage (oll/css)223
, ,
AMP News (chr/css)222
, ,
Why Fast Matters (css/btc)221
,
How to Optimize CSS and JS for Faster Sites220
, , , ,
Finding Dead CSS (css)219
,
Performance of CSS Selectors Is Still Irrelevant (j9t)218
,
Progressive Web Apps: A Crash Course217
, , , ,
Optimizing CSS: Tweaking Animation Performance With DevTools216
, , , , , ,
On Big Picture Thinking in Web Development (j9t)215
, , , ,
How to Optimize SQL Queries for Faster Sites214
, , , , ,
Understanding the “Vary” Header (sma)213
, ,
The Front-End Checklist (the)212
, , , , , , ,
The State of the Web (fox)211
Using the Paint Timing API (mal/css)210
, , ,
(Now More Than Ever) You Might Not Need jQuery (oll/css)209
, , , ,
Three Reasons Why You Should Care About Google Lighthouse (fox/cal)208
,
What Is the Future of Front End Web Development? (chr/css)207
, , , , , , , , , , ,
What We Talk About When We Talk About Web Performance (btc)206
Let the Content Delivery Network Optimize Your Images (jon/sma)205
, ,
Optimizing Web Fonts for Performance: The State of the Art204
,
Brotli and Static Compression (mal/css)203
, , ,
A Comprehensive Guide to HTTP/2 Server Push (mal/sma)202
, , ,
Guetzli, Google’s New JPEG Encoder (tel)201
, , ,
AMP and the Web (tka)200
, , ,
Using HTTP/2 Responsibly: Adapting for Users (mal/ali)199
, , ,
Considering How We Use HTTP/2 (mal/ali)198
, ,
The Web, Worldwide (tka)197
,
Performant Parallaxing (aer/dev)196
, , , ,
Performance: Shame, Hope, Nuance, and Interesting Problems (bka)195
The Joy of Optimizing (una/btc)194
, ,
Web Packaging Format193
Next Generation Server Compression With Brotli (mal/sma)192
, , ,
When Is the Right Time to Think About Web Performance? (fon/css)191
High Performance SVGs (sar/css)190
, , ,
The Performance Benefits of “rel=noopener” (jaf)189
, ,
Ways You Need to Tell the Browser How to Optimize (chr/css)188
, ,
Accessibility and Performance (mar)187
, ,
Service Workers and PWAs: It’s About Reliable Performance, Not “Offline” (sli)186
, , ,
6 SEO Trends to Watch for in 2016185
, , , , ,
How to Optimize Mobile Performance (sma)184
, , , , , ,
CPP: A Standardized Alternative to AMP (tka)183
, ,
Critical Metric: Critical Resources182
, ,
Lazy-Loading Images: How Not to Really Annoy Your Users181
, ,
10 Web Predictions for 2016 (cra)180
, , , , , , , ,
Why You Should Choose Your Own HTTPS (hel)179
, , ,
The Problem With Progressive Enhancement178
, ,
The Cost of Frameworks Recap (chr/css)177
Loading Web Fonts With the Web Font Loader (fon/css)176
, ,
JavaScript Frameworks and Mobile Performance175
, ,
Design + Performance (zem/btc)174
, ,
HTTP/2: The Pros, the Cons, and What You Need to Know173
,
Performance Budgets in Action (spe)172
Using Web Fonts the Best Way (in 2015) (hel)171
AMP and Incentives (tka)170
, ,
Introducing RAIL: A User-Centric Model for Performance (pau/sma)169
, ,
Factors Affecting Website Performance168
, , , , ,
Delivering Responsibly (sco/btc)167
, , ,
10 Common Mistakes Web Developers Make166
, , , ,
5 Easy Performance Tweaks for Node.js Express (cra)165
, , ,
Strategies for Cache-Busting CSS (chr/css)164
, , ,
Understanding Critical CSS (sma)163
Mastering Image Optimization in WordPress162
, ,
React + Performance = ? (aer)161
,
Performance Tools (fon/css)160
, , , , , , , ,
Choosing Performance (tka)159
Advanced Performance Audits With DevTools (pau)158
, ,
Tour of a Performant and Responsive CSS Only Site (css)157
, , ,
Planning for Performance (sco/ali)156
Performance Budget Metrics (tka)155
,
The Perception of Performance (lou)154
Image Optimization Services (gri/clo)153
, ,
JS Parse and Execution Time (tka)152
, ,
How a New HTML Element Will Make the Web Faster (ars)151
, ,