Frontend Dogma

“performance” Archive (3)

Entry (With Sources) and Other Related TopicsDate#
Vanilla JS Is a Web Performance Decision (by)286
Blowing Up HTML Size With Responsive Images (via)285
, ,
Designing for Long Waits and Interruptions: Mitigating Breaks in Workflow in Complex Application Design (by/via)284
,
Writing High-Performance JavaScript (by)283
What Are the Web Performance Metrics That Actually Matter? (by)282
HTTP/3: Performance Improvements (by/via)281
,
Does Shadow DOM Improve Style Performance? (by)280
, ,
Big O, Code Efficiency Analysis (by)279
“<Lazy>” Rendering in Vue to Improve Performance (by)278
, ,
A Performance-Focused Workflow Based on Google Tools (by/via)277
, ,
How We Reduced Next.js Page Size by 3.5× and Achieved a 98 Lighthouse Score (via)276
, , ,
CSS Architecture and Performance in Micro Frontends (by/via)275
, ,
Learnings From a WebPageTest Session on CSS-Tricks (by/via)274
A Beginner’s Guide to Lighthouse (by/via)273
, , ,
How to Eliminate Render-Blocking Resources: A Deep Dive (by)272
,
What Is Tree Shaking? (by)271
, ,
The Performance Effects of Too Much Lazy-Loading (by+/via)270
,
Performance Design: The Illusion of Speed269
Resource Inlining in JavaScript Frameworks (by/via)268
, ,
Making the Web—Faster (by)267
, ,
Serving Sharp Images to High Density Screens (by)266
Half the Size of Images by Optimising for High Density Displays (by)265
,
Using AVIF to Compress Images on Your Site (by/via)264
, ,
What Can the HTTP Archive Tell Us About Largest Contentful Paint? (by)263
Best Practices for Fonts (by+/via)262
,
How to Fix Cumulative Layout Shift (CLS) Issues (by/via)261
,
CSS for Web Vitals (by+/via)260
,
Tree-Shaking: A Reference Guide (by/via)259
, , ,
Reducing HTML Payload With Next.js (Case Study) (by/via)258
, ,
An Introduction to Performance Budgets (via)257
, ,
9 Principles of Good Web Design (via)256
, , , , , ,
Bypassing Cookie Consent Banners in Lighthouse and WebPageTest (by)255
, , , ,
The 5-Hour CDN (by/via)254
Measuring Web Performance in Mobile Safari (by)253
, , , ,
Front-End Performance 2021: Assets Optimizations (by/via)252
, , ,
Front-End Performance 2021: Build Optimizations (by/via)251
, ,
Front-End Performance 2021: Delivery Optimizations (by/via)250
,
HTML and CSS Techniques to Reduce Your JavaScript (by/via)249
, ,
Page Weight (by/via)248
, , ,
Time to Say Goodbye to Google Fonts: Cache Performance (by)247
, ,
Best Practices for Inclusive Textual Websites (by)246
, ,
Warp: Improved JS Performance in Firefox 83 (by/via)245
, , , ,
The What, Why, and How of Using a Skeleton Loading Screen (by)244
Core Web Vitals: A Guide to Google’s Web Performance Metrics (by/via)243
, ,
How to Create High-Performance CSS Animations (by+/via)242
, ,
Reducing the Site Speed Impact of Third-Party Tags (by)241
Loading Third-Party JavaScript (by+/via)240
Performance Is an Issue of Equity (by/via)239
Methods of Improving and Optimizing Performance in React Apps (by/via)238
,
We Need More Inclusive Web Performance Metrics (by/via)237
,
5 Projects to Help You Master Modern CSS (by/via)236
, ,
On Fixed Elements and Backgrounds (by)235
, , ,
Speed Up Google Fonts (by)234
,
The Need for Speed, 23 Years Later (by/via)233
,
Maybe You Don’t Need That SPA (by)232
, ,
Real-World Effectiveness of Brotli (by)231
, ,
Start Render: The Web Performance Metric That Heralds the End of the Blank Page (via)230
,
Performance Tips: Minifying HTML, CSS, and JS (via)229
, , , , ,
Setting Height and Width on Images Is Important Again (by/via)228
, ,
Page Builders Might Not Be a Good Idea (by)227
, ,
Google Tag Manager vs. Page Speed: The Impact and How to Improve (by)226
, , ,
Should You Self-Host Google Fonts? (by)225
, ,
Improving Site Performance With Webpack Tree Shaking (by/via)224
, ,
Performance Budgets, Pragmatically (by)223
Putting Devs Before Users: How Frameworks Destroyed Web Performance (by/via)222
,
An HTML Optimizer’s Config for html-minifier (by)221
, , , , ,
Speed Up Your Website With WebP (via)220
, ,
A Guide to Optimizing Images for Mobile (via)219
, , ,
On Writing Better Markup (by)218
, , ,
Faster Image Loading With Embedded Image Previews (via)217
, , ,
Optional HTML: Everything You Need to Know (by)216
,
Handling Unused CSS in Sass to Improve Performance (by/via)215
, ,
I Used the Web for a Day on a 50 MB Budget (by/via)214
Browsers Are Pretty Good at Loading Pages, It Turns Out (by)213
, ,
The Simplest Way to Load CSS Asynchronously (by/via)212
,
Shifting the Performance Burden (by/via)211
Optimizing Google Fonts Performance (by/via)210
, ,
The Problem With Web Development Checklists, or: The Frontend Checklist, Revised (by)209
, , , ,
Responsible JavaScript (by/via)208
, , , , ,
Image Optimization in WordPress (by/via)207
, ,
Self-Host Your Static Assets (by)206
,
Understanding Image Compression: Tooling and Context (by)205
, ,
The Scoville Scale of Web Font Loading Opinions (by/via)204
,
Browser Resource Hints: “preload”, “prefetch”, and “preconnect” (via)203
, , ,
Optimizing Performance With Resource Hints (by/via)202
,
Improving Perceived Performance With the Link “rel=preconnect” HTTP Header (by)201
, ,
“Cache-Control” for Civilians (by)200
,
How to Avoid DOM Blocking in JavaScript (by/via)199
, ,
Rendering on the Web (by+/via)198
, , , ,
HTML and Performance: Leave Out Optional Tags and Quotes (by)197
Static vs. Server Rendering (by/via)196
, ,
Speed Up Next-Page Navigations With Prefetching (by)195
, , , ,
Keeping Sass Simple and Speedy on Eleventy (by)194
,
On Visions for Performance, or: Performance Optimization Is a Process (by)193
, ,
Performance Rule #1: Do What You Need to Do—But Not More (by)192
Reduce JavaScript Payloads With Code Splitting (by+/via)191
,
A Netflix Web Performance Case Study (by/via)190
Improve Animated GIF Performance With HTML5 Video (by/via)189
, ,
Performance Budgets 101 (by/via)188
, ,
A Guide to Caching in WordPress (by/via)187
, , ,
How to Configure Lighthouse for Balanced Quality Websites (by)186
, , , ,
20 Tips for Optimizing CSS Performance (by/via)185
, ,
Variable Fonts: What They Are, and How to Use Them (by/via)184
, ,
Browser Painting and Considerations for Web Performance (by/via)183
, , ,
The Cost of JavaScript in 2018 (by)182
, , , ,
HTTP/2: The Difference Between HTTP/1.1, Benefits, and How to Use It (via)181
, ,
HTTP/2: Background, Performance Benefits, and Implementations (by/via)180
,
Improving Performance Perception: On-Demand Image Resizing (by/via)179
, , ,
7 Performance Tips for Jank-Free JavaScript Animations (by/via)178
, ,
Making Your Website Faster and Safer With Cloudflare (by/via)177
, ,
How Do You Know Your Website Is a Success? (by/via)176
, , , , , , ,
Introducing Last Painted Hero (by/via)175
Why Fast Matters (by/via)174
,
How to Optimize CSS and JS for Faster Sites (via)173
, , , ,
Finding Dead CSS (by)172
,
Performance of CSS Selectors Is Still Irrelevant (by)171
,
Progressive Web Apps: A Crash Course (via)170
, , , ,
Optimizing CSS: Tweaking Animation Performance With DevTools (by/via)169
, , , , , ,
On Big Picture Thinking in Web Development (by)168
, , , ,
How to Optimize SQL Queries for Faster Sites (by/via)167
, , , , ,
Understanding the “Vary” Header (by/via)166
, ,
The Front-End Checklist (by)165
, , , , , , ,
The State of the Web (by)164
Three Reasons Why You Should Care About Google Lighthouse (by/via)163
,
What We Talk About When We Talk About Web Performance (by/via)162
Let the Content Delivery Network Optimize Your Images (by/via)161
, ,
Optimizing Web Fonts for Performance: The State of the Art (by/via)160
,
A Comprehensive Guide to HTTP/2 Server Push (by/via)159
, , ,
Guetzli, Google’s New JPEG Encoder (by)158
, , ,
Using HTTP/2 Responsibly: Adapting for Users (by/via)157
, , ,
Considering How We Use HTTP/2 (by/via)156
, ,
The Web, Worldwide (by)155
,
Performant Parallaxing (by+/via)154
, ,
Performance: Shame, Hope, Nuance, and Interesting Problems (by)153
The Joy of Optimizing (by/via)152
, ,
Next Generation Server Compression With Brotli (by/via)151
, , ,
Accessibility and Performance (by)150
, ,
Service Workers and PWAs: It’s About Reliable Performance, Not “Offline” (by)149
, , ,
6 SEO Trends to Watch for in 2016 (by/via)148
, , , , ,
How to Optimize Mobile Performance (by/via)147
, , , , , ,
CPP: A Standardized Alternative to AMP (by)146
, ,
Critical Metric: Critical Resources (by)145
, ,
Lazy-Loading Images: How Not to Really Annoy Your Users (via)144
, ,
10 Web Predictions for 2016 (by/via)143
, , , , , , , ,
Why You Should Choose Your Own HTTPS (by)142
, , ,
The Problem With Progressive Enhancement (by)141
, ,
JavaScript Frameworks and Mobile Performance (by)140
, ,
Design + Performance (by+/via)139
, ,
HTTP/2: The Pros, the Cons, and What You Need to Know (by/via)138
,
Performance Budgets in Action (by/via)137
AMP and Incentives (by)136
, ,
Using Web Fonts the Best Way (in 2015) (by)135
Introducing RAIL: A User-Centric Model for Performance (by/via)134
, ,
Delivering Responsibly (by/via)133
, , ,
10 Common Mistakes Web Developers Make (by/via)132
, , , ,
5 Easy Performance Tweaks for Node.js Express (by/via)131
, , ,
Understanding Critical CSS (via)130
Mastering Image Optimization in WordPress (via)129
, ,
React + Performance = ? (by)128
,
Advanced Performance Audits With DevTools (by)127
, ,
Planning for Performance (by/via)126
The Perception of Performance (by/via)125
Image Optimization Services (by/via)124
, ,
Faster YouTube Embeds With JavaScript (by/via)123
, ,
Introduction to the Resource Timing API (by/via)122
, ,
Optimizing WordPress Performance With P3 (by/via)121
, ,
Pixels Are Expensive (by)120
,
Speed Up Your WordPress Site (by/via)119
,
How to Speed Up WordPress (by/via)118
,
Cache Invalidation Strategies With Varnish Cache (by/via)117
,
WordPress Performance Improvements That Can Go Wrong (by/via)116
,
Controlling Heavy Weight Websites (by)115
,
Web Performance Tricks—Beyond the Basics (by/via)114
, , , ,
The Complete Guide to Reducing Page Weight (by/via)113
, , , ,
Performance Matters (via)112
SEO Strategies for Designers (via)111
, , ,
Sustainable Web Design (by/via)110
Image Compression for Web Developers (by/via)109
, ,
Domain Sharding Revisited (by)108
, ,
Progressive Enhancement Is Faster (by/via)107
Images Slowing Down Your Site? Try This One Weird Trick! (by)106
,
Creating a Performance Culture (by)105
jQuery: The Performance of DOM Caching (by/via)104
, ,
Why Is Node.js So Much Faster? (by)103
, ,
A Tale of Animation Performance (by/via)102
,
Why Moving Elements With “translate()” Is Better Than “pos:abs top/left” (by)101
,
Scrolling Performance (by/via)100
The Perception of Speed (by)99
,
Cache Is King (by)98
Preferred Caching (by)97
, , , ,
Loading Half a Billion Rows Into MySQL96
,
Building a High Performance Website (via)95
, ,
The Performance Golden Rule (by)94
Use PHP Flush to Improve Site Loading Speed93
,
Reduce Your jQuery Script Loading Times (by/via)92
,
HTML5, CSS3, and DOM Performance (by/via)91
, , ,
CSS3 vs. CSS: A Speed Benchmark (by/via)90
, ,
Evolution of Script Loading (by)89
, ,
Speed Up Your Website With PHP Buffer Flushing (by/via)88
,
Improve JavaScript Performance (by/via)87
,
Why We Don’t Have a Parent Selector (by)86
,
The Need for Speed… Why Slow Page Load Times Matter (by)85
High-Performance String Concatenation in JavaScript (by/via)84
Frontend SPOF (by)83
, , ,
Slow Kills (by)82
9 Causes of Web Page Obesity (by/via)81
, ,
Better JavaScript Minification (by/via)80
,
Are You Loosing Traffic by Poor Website Performance? (by/via)79
, , ,
JavaScript Gzip Compression in WordPress: What’s Possible and What Hurts (by/via)78
, , , ,
Reducing the File Size of HTML Documents (by/via)77
,
PHP Performance Tips (via)76
,
CSS: Using Every Declaration Just Once (by/via)75
,
How Gzip Compression Works (via)74
,
Simplifying CSS Selectors (by)73
,
Flushing the Document Early (by)72
Don’t Use “@ import” (by)71
Performance of CSS Selectors Is Irrelevant (by)70
,
Performance Impact of CSS Selectors (by)69
, ,
Performance and RFC 2396 (by)68
The Performance Cost of the HTML Tree Builder (by)67
, ,
10 Principles of Effective Web Design (by/via)66
, , , , , ,
Fallacies of Distributed Computing Explained (by/via)65
,
Load Time, the UX Factor: Facts and Measures (by)64
Dynamically Loading Google Analytics (by)63
, ,
The Case for Registering Multiple Domains (by/via)62
,
JavaScript Loop Test (by)61
, ,
Ten Steps to a More User Friendly Website (via)60
, , , , , , , , , ,
Apache Performance Testing (by/via)59
, ,
5 Questions for Your Web Development Team (by/via)58
, , , , ,
CSS Sprites: Image Slicing’s Kiss of Death (by/via)57
, ,
Is Bloated CSS the New HTML? (by)56
,
By Logical Extension (by)55
,
12 Steps to Faster Flash (via)54
Effects of CSS-Based Design (by)53
, ,
Checking Unix Server Performance (by/via)52
,
Improving Web Page Loading (by/via)51
, ,
Cache or Check? (via)50
,
Exchanging Information With a Server Without Reloading Your HTML Page (via)49
,
When Web Pages Don’t Work (via)48
, , , , ,
The 60 Second Battle: Keeping the Visitor (by/via)47
,
Reduce Network Traffic With Web Caching (by/via)46
, ,
W3C Unveils a Cure for Web Crawl45
, , ,
HTTP Further Clogs Congested Arteries44
,
HTML Size Analyzer (via)43
, ,
Gzip Checker (via)42
, , ,
Gzip and Brotli Checker41
, , , ,
CDN Use Checker (via)40
, ,
Website Experience Analyzer39
, , ,
Website Analyzer (Accessify)38
, , ,
Code Quality Checker37
, , ,