Frontend Dogma

“performance” Archive (3)

Entry (Sources) and Other Related TopicsDate#
Web Performance Metrics Cheatsheet (ire/bot)313
,
How I Made Google’s Data Grid Scroll 10× Faster With One Line of CSS (joh)312
New HTTP Standards for Caching on the Modern Web (pim/htt)311
, , ,
Optimizing Resource Loading With the Fetch Priority API (lee+/dev)310
, ,
My Challenge to the Web Performance Community (phi)309
jsPerf—Online JavaScript Performance Benchmark308
,
Using Modern Image Formats: AVIF and WebP (add/sma)307
, , , , , ,
Faster React Apps With Memoization (pix)306
,
ct.css—Let’s Take a Look Inside Your “<head>” (css)305
,
Small Bundles, Fast Pages: What to Do With Too Much JavaScript (cal)304
,
Optimizing Images on the Web (gre/clo)303
,
Vanilla JS Is a Web Performance Decision (cfe)302
Blowing Up HTML Size With Responsive Images (deb)301
, ,
Designing for Long Waits and Interruptions: Mitigating Breaks in Workflow in Complex Application Design (kat/nng)300
,
Writing High-Performance JavaScript (cfe)299
What Are the Web Performance Metrics That Actually Matter? (cfe)298
HTTP/3: Performance Improvements (pro/sma)297
,
Does Shadow DOM Improve Style Performance? (nol)296
, ,
Big O, Code Efficiency Analysis (chi)295
“<Lazy>” Rendering in Vue to Improve Performance (mar)294
, ,
A Performance-Focused Workflow Based on Google Tools (ant/dev)293
, ,
How We Reduced Next.js Page Size by 3.5× and Achieved a 98 Lighthouse Score (pap)292
, , ,
CSS Architecture and Performance in Micro Frontends (krz/all)291
, ,
Learnings From a WebPageTest Session on CSS-Tricks (chr/css)290
A Beginner’s Guide to Lighthouse (sh/sit)289
, , ,
How to Eliminate Render-Blocking Resources: A Deep Dive (sia)288
,
The Performance Effects of Too Much Lazy-Loading (rvi+/dev)287
,
What Is Tree Shaking? (cfe)286
, ,
Performance Design: The Illusion of Speed285
Resource Inlining in JavaScript Frameworks (mge/dev)284
, ,
Making the Web—Faster (rau)283
, ,
Serving Sharp Images to High Density Screens (jaf)282
Half the Size of Images by Optimising for High Density Displays (jaf)281
,
Using AVIF to Compress Images on Your Site (jai/dev)280
, ,
What Can the HTTP Archive Tell Us About Largest Contentful Paint? (pau)279
Best Practices for Fonts (kat+/dev)278
,
CSS for Web Vitals (kat+/dev)277
,
How to Fix Cumulative Layout Shift (CLS) Issues (tun/sma)276
,
Tree-Shaking: A Reference Guide (ati/sma)275
, , ,
Reducing HTML Payload With Next.js (Case Study) (lap/sma)274
, ,
An Introduction to Performance Budgets (thi)273
, ,
9 Principles of Good Web Design (fee)272
, , , , , ,
Bypassing Cookie Consent Banners in Lighthouse and WebPageTest (and)271
, , , ,
The 5-Hour CDN (mrk/fly)270
Measuring Web Performance in Mobile Safari (css)269
, , , ,
Front-End Performance 2021: Assets Optimizations (vit/sma)268
, , ,
Front-End Performance 2021: Build Optimizations (vit/sma)267
, ,
Testing Performance (kel)266
Front-End Performance 2021: Delivery Optimizations (vit/sma)265
,
HTML and CSS Techniques to Reduce Your JavaScript (ant/per)264
, ,
Page Weight (hen/htt)263
, , ,
Time to Say Goodbye to Google Fonts: Cache Performance (zwa)262
, ,
Best Practices for Inclusive Textual Websites (sei)261
, ,
Warp: Improved JS Performance in Firefox 83 (jan/moz)260
, , , , ,
The What, Why, and How of Using a Skeleton Loading Screen (tre)259
Core Web Vitals: A Guide to Google’s Web Performance Metrics (cra/sit)258
, ,
How to Create High-Performance CSS Animations (kay+/dev)257
, ,
Reducing the Site Speed Impact of Third-Party Tags (and)256
AVIF Has Landed (jaf)255
, , , , , , ,
Loading Third-Party JavaScript (add+/dev)254
Performance Is an Issue of Equity (meg/clo)253
Methods of Improving and Optimizing Performance in React Apps (cod/sma)252
,
We Need More Inclusive Web Performance Metrics (sco/fil)251
,
5 Projects to Help You Master Modern CSS (cra/sit)250
, ,
On Fixed Elements and Backgrounds (hui)249
, , ,
Speed Up Google Fonts (css)248
,
The Need for Speed, 23 Years Later (kwh/nng)247
,
Maybe You Don’t Need That SPA (mlr)246
, ,
Real-World Effectiveness of Brotli (css)245
, ,
Start Render: The Web Performance Metric That Heralds the End of the Blank Page (fas)244
,
Performance Tips: Minifying HTML, CSS, and JS (you)243
, , , , ,
Setting Height and Width on Images Is Important Again (tun/sma)242
, ,
Improving Perceived Performance With the CSS “font-display” Property (the)241
,
Page Builders Might Not Be a Good Idea (cit)240
, ,
Google Tag Manager vs. Page Speed: The Impact and How to Improve (fed)239
, , ,
Should You Self-Host Google Fonts? (tun)238
, ,
Improving Site Performance With Webpack Tree Shaking (dth/cou)237
, ,
Performance Budgets, Pragmatically (css)236
Putting Devs Before Users: How Frameworks Destroyed Web Performance (gam/uxd)235
,
An HTML Optimizer’s Config for html-minifier (j9t)234
, , , , ,
Speed Up Your Website With WebP (sma)233
, ,
A Guide to Optimizing Images for Mobile (sma)232
, , ,
On Writing Better Markup (j9t)231
, , ,
Faster Image Loading With Embedded Image Previews (sma)230
, , ,
Optional HTML: Everything You Need to Know (j9t)229
,
Handling Unused CSS in Sass to Improve Performance (web/sma)228
, ,
I Used the Web for a Day on a 50 MB Budget (chr/sma)227
Browsers Are Pretty Good at Loading Pages, It Turns Out (car)226
, ,
The Simplest Way to Load CSS Asynchronously (sco/fil)225
,
Shifting the Performance Burden (sco/fil)224
Optimizing Google Fonts Performance (dan/sma)223
, ,
The Problem With Web Development Checklists, or: The Frontend Checklist, Revised (j9t)222
, , , ,
Responsible JavaScript (mal/ali)221
, , , , ,
Image Optimization in WordPress (ade/sma)220
, ,
Self-Host Your Static Assets (css)219
,
Understanding Image Compression: Tooling and Context (j9t)218
, ,
The Scoville Scale of Web Font Loading Opinions (zac/btc)217
,
Browser Resource Hints: “preload”, “prefetch”, and “preconnect” (deb)216
, , ,
Optimizing Performance With Resource Hints (dre/sma)215
,
Improving Perceived Performance With the Link “rel=preconnect” HTTP Header (and)214
, ,
“Cache-Control” for Civilians (css)213
,
How to Avoid DOM Blocking in JavaScript (cra/sit)212
, ,
Rendering on the Web (add+/dev)211
, , , ,
HTML and Performance: Leave Out Optional Tags and Quotes (j9t)210
Static vs. Server Rendering (jam/fro)209
, ,
Speed Up Next-Page Navigations With Prefetching (add)208
, , , ,
Keeping Sass Simple and Speedy on Eleventy (phi)207
,
On Visions for Performance, or: Performance Optimization Is a Process (j9t)206
, ,
Performance Rule #1: Do What You Need to Do—But Not More (j9t)205
Performance Budgets 101 (bib/dev)204
, ,
A Netflix Web Performance Case Study (add/dev)203
Improve Animated GIF Performance With HTML5 Video (ayi/sma)202
, ,
Reduce JavaScript Payloads With Code Splitting (hdj+/dev)201
,
A Guide to Caching in WordPress (ds/sit)200
, , ,
How to Configure Lighthouse for Balanced Quality Websites (j9t)199
, , , ,
20 Tips for Optimizing CSS Performance (cra/sit)198
, ,
Variable Fonts: What They Are, and How to Use Them (cla/sit)197
, ,
Browser Painting and Considerations for Web Performance (gmr/css)196
, , ,
The Cost of JavaScript in 2018 (add)195
, , , ,
HTTP/2: The Difference Between HTTP/1.1, Benefits, and How to Use It (fac)194
, ,
HTTP/2: Background, Performance Benefits, and Implementations (tj/sit)193
,
Improving Performance Perception: On-Demand Image Resizing (bit/sit)192
, , ,
7 Performance Tips for Jank-Free JavaScript Animations (ant/sit)191
, ,
Making Your Website Faster and Safer With Cloudflare (tj/sit)190
, ,
How Do You Know Your Website Is a Success? (101/sma)189
, , , , , , ,
Introducing Last Painted Hero (sou/spe)188
Why Fast Matters (css/btc)187
,
How to Optimize CSS and JS for Faster Sites (sit)186
, , , ,
Finding Dead CSS (css)185
,
Performance of CSS Selectors Is Still Irrelevant (j9t)184
,
Progressive Web Apps: A Crash Course (sit)183
, , , ,
Optimizing CSS: Tweaking Animation Performance With DevTools (ant/sit)182
, , , , , ,
On Big Picture Thinking in Web Development (j9t)181
, , , ,
How to Optimize SQL Queries for Faster Sites (pol/sit)180
, , , , ,
Understanding the “Vary” Header (tri/sma)179
, ,
The Front-End Checklist (the)178
, , , , , , ,
The State of the Web (fox)177
Three Reasons Why You Should Care About Google Lighthouse (fox/cal)176
,
What We Talk About When We Talk About Web Performance (pat/btc)175
Let the Content Delivery Network Optimize Your Images (jon/sma)174
, ,
Optimizing Web Fonts for Performance: The State of the Art (ant/sit)173
,
A Comprehensive Guide to HTTP/2 Server Push (mal/sma)172
, , ,
Guetzli, Google’s New JPEG Encoder (tel)171
, , ,
Using HTTP/2 Responsibly: Adapting for Users (mal/ali)170
, , ,
Considering How We Use HTTP/2 (mal/ali)169
, ,
The Web, Worldwide (tka)168
,
Performant Parallaxing (aer+/dev)167
, ,
Performance: Shame, Hope, Nuance, and Interesting Problems (bka)166
The Joy of Optimizing (una/btc)165
, ,
Next Generation Server Compression With Brotli (mal/sma)164
, , ,
The Performance Benefits of “rel=noopener” (jaf)163
, ,
Accessibility and Performance (mar)162
, ,
Service Workers and PWAs: It’s About Reliable Performance, Not “Offline” (sli)161
, , ,
6 SEO Trends to Watch for in 2016 (tau/sit)160
, , , , ,
How to Optimize Mobile Performance (dan/sma)159
, , , , , ,
CPP: A Standardized Alternative to AMP (tka)158
, ,
Critical Metric: Critical Resources (sou)157
, ,
Lazy-Loading Images: How Not to Really Annoy Your Users (sit)156
, ,
10 Web Predictions for 2016 (cra/sit)155
, , , , , , , ,
Why You Should Choose Your Own HTTPS (hel)154
, , ,
The Problem With Progressive Enhancement (ale)153
, ,
JavaScript Frameworks and Mobile Performance (tom)152
, ,
Design + Performance (sou+/btc)151
, ,
HTTP/2: The Pros, the Cons, and What You Need to Know (lex/sit)150
,
Performance Budgets in Action (mar/spe)149
AMP and Incentives (tka)148
, ,
Using Web Fonts the Best Way (in 2015) (hel)147
Introducing RAIL: A User-Centric Model for Performance (pau/sma)146
, ,
Delivering Responsibly (sco/btc)145
, , ,
10 Common Mistakes Web Developers Make (pal/sit)144
, , , ,
5 Easy Performance Tweaks for Node.js Express (cra/sit)143
, , ,
Understanding Critical CSS (sma)142
Mastering Image Optimization in WordPress (sit)141
, ,
React + Performance = ? (aer)140
,
Advanced Performance Audits With DevTools (pau)139
, ,
Planning for Performance (sco/ali)138
The Perception of Performance (lou/sit)137
Image Optimization Services (gri/clo)136
, ,
How a New HTML Element Will Make the Web Faster (ars)135
, ,
Minimising Font Downloads (jaf)134
, , , ,
Faster YouTube Embeds With JavaScript (man/sit)133
, ,
Introduction to the Resource Timing API (aur/sit)132
, ,
Optimizing WordPress Performance With P3 (chr/sit)131
, ,
Pixels Are Expensive (aer)130
,
Speed Up Your WordPress Site (chr/sit)129
,
How to Speed Up WordPress (mar/sma)128
,
Cache Invalidation Strategies With Varnish Cache (per/sma)127
,
WordPress Performance Improvements That Can Go Wrong (pan/sma)126
,
Controlling Heavy Weight Websites (wel)125
,
Nine Things to Expect From HTTP/2 (mno)124
, ,
Web Performance Tricks—Beyond the Basics (bit/sit)123
, , , ,
The Complete Guide to Reducing Page Weight (cra/sit)122
, , , ,
Responsive HTML5 Apps: Write Once, Run Anywhere? Where Is Anywhere? (wir)121
, , ,
Performance Matters (ali)120
SEO Strategies for Designers (sit)119
, , ,
Sustainable Web Design (jc/ali)118
Image Compression for Web Developers (duh/dev)117
, ,
Domain Sharding Revisited (sou)116
, ,
Progressive Enhancement Is Faster (jaf/sma)115
Solving Rendering Performance Puzzles (jaf)114
, ,
Images Slowing Down Your Site? Try This One Weird Trick! (aer)113
,
Say “Yes” to JavaScript (mit)112
,
Creating a Performance Culture (sou)111
HTML5’s “Performance Issue” Rubbished (cra/net)110
No, HTML5 Does Not Have a Performance Issue (pba)109
jQuery: The Performance of DOM Caching (sam/sit)108
, ,
Why Is Node.js So Much Faster? (sim)107
, ,
Web Technology: 5 Things to Watch in 2013 (sts/cne)106
, ,
A Tale of Animation Performance (chr/css)105
,
Scrolling Performance (aer/dev)104
Why Moving Elements With “translate()” Is Better Than “pos:abs top/left” (pau)103
,
The Perception of Speed (sou)102
,
Web Performance: When Millisecond Resolution Just Isn’t Enough (mic)101
, ,
Cache Is King (sou)100
Preferred Caching (sou)99
, , , ,
Octane: The JavaScript Benchmark Suite for the Modern Web (dev)98
, , , ,
Loading Half a Billion Rows Into MySQL97
,
Building a High Performance Website (sit)96
, ,
The Performance Golden Rule (sou)95
Google Wants Faster TCP94
, ,
Use PHP Flush to Improve Site Loading Speed93
,
Reduce Your jQuery Script Loading Times (sam/sit)92
,
HTML5, CSS3, and DOM Performance (pau/goo)91
, , ,
CSS3 vs. CSS: A Speed Benchmark (tre/sma)90
, ,
Evolution of Script Loading (sou)89
, ,
Speed Up Your Website With PHP Buffer Flushing (cra/sit)88
,
Improve JavaScript Performance (sam/sit)87
,
Why We Don’t Have a Parent Selector (jus)86
,
The Need for Speed… Why Slow Page Load Times Matter (and)85
High-Performance String Concatenation in JavaScript (cra/sit)84
Frontend SPOF (sou)83
, , ,
Slow Kills (tel)82
9 Causes of Web Page Obesity (cra/sit)81
, ,
Better JavaScript Minification (nza/ali)80
,
Are You Loosing Traffic by Poor Website Performance? (cod/sma)79
, , ,
JavaScript Gzip Compression in WordPress: What’s Possible and What Hurts (lyz/clo)78
, , , ,
PHP Performance Tips (goo)77
,
Reducing the File Size of HTML Documents (j9t/goo)76
,
CSS: Using Every Declaration Just Once (j9t/goo)75
,
How Gzip Compression Works (goo)74
,
Simplifying CSS Selectors (sou)73
,
Flushing the Document Early (sou)72
Don’t Use “@ import” (sou)71
Performance of CSS Selectors Is Irrelevant (j9t)70
,
Performance Impact of CSS Selectors (sou)69
, ,
Performance and RFC 2396 (j9t)68
The Performance Cost of the HTML Tree Builder (hsi)67
, ,
10 Principles of Effective Web Design (vit/sma)66
, , , , , ,
Fallacies of Distributed Computing Explained (arn/res)65
,
Load Time, the UX Factor: Facts and Measures (j9t)64