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

Frontend Dogma

“performance” News Archive (2)

Entry (Sources) and Additional TopicsDate#
Bad Performance Is Bad Accessibility (bru)620
accessibility
The Performance Inequality Gap, 2023 (sli)619
javascript, metrics
Beating Latency on Scalemates.com (tim/per)618
optimization
Using Inline JavaScript Modules to Prevent CSS Blockage (sto/per)617
javascript, css
An HTML-First Mental Model (noa/per)616
html, dom
Get Off the Main Thread With an Inline Web Worker: An Example (sto/per)615
javascript, web-workers, examples
LCP(FE) (tim/per)614
web-vitals
Web Performance and Compression (per)613
compression
Optimize Interaction to Next Paint (mal+/dev)612
optimization, web-vitals
Accessibility: The Land That “Time to Interactive” Forgot (tin)611
videos, accessibility
Adding Complementary Performance Data to Your Site (mat)610
apis
Reduce Image Sizes by Removing Metadata (per)609
images, metadata, optimization
Fast Is Good, Instant Is Better (tun/per)608
caching
Prerender Pages in Chrome for Instant Page Navigations (tun/dev)607
browsers, google, chrome
7 Website Performance Metrics to Track for Better UX (cal)606
user-experience, metrics
Developing Faster JavaScript Apps: The Ultimate Guide to Web Workers (cra)605
guides, web-apps, web-workers, javascript
Speeding Up the JavaScript Ecosystem—One Library at a Time (mar)604
javascript, libraries
Lazy Loading Images in HTML (sim)603
html, lazy-loading
A Guide to Image Optimization on Jamstack Sites (daw/sma)602
guides, images, compression, optimization, tech-stacks, jamstack
Improving React Interaction Times by 4×601
react, optimization
Early Learnings for Early Hints at Shopify (sia)600
videos, case-studies, shopify, hints
Client-Side Routing Without the JavaScript (rya/thi)599
javascript, frameworks
6 Steps to Improve HTML Images for Users and Developers (aus)598
html, images, responsive-design
HTML and CSS Features, Tips for a 10× Faster Page Loading Speed597
html, css, tips-and-tricks
Is Turbopack Really 10× Faster Than Vite? (eva)596
tooling, bundling, vite
CSS Runtime Performance595
slides, css
A Beginner’s Guide to Chrome Tracing (nol)594
guides, browsers, google, chrome, tracing
Conditionally Adaptive CSS—Browser Behavior That Might Improve Your Performance (pep)593
css, responsive-design
Performance (rvi/htt)592
web-almanac, studies, research, metrics, web-vitals
How We Improved React Loading Times by 70% With Next.js591
react, nextjs, case-studies
Which Serverless Edge Platform Has the Fastest Git Deployments? (den)590
serverless, edge-computing, git, deploying
CDN (htt)589
web-almanac, studies, research, metrics, content-delivery, tooling
How to Animate CSS Box Shadows and Optimize Performance588
how-tos, css, animations, shadows
Speeding Up Async Snippets (css)587
javascript, asynchronicity
Sustainable Web Development Strategies Within an Organization (mic/sma)586
sustainability, optimization
SVG Sprites: Old-School, Modern, Unknown, and Forgotten (pep)585
svg, images, sprites
How to Optimize Resource Loading With the “fetchpriority” Attribute (deb)584
how-tos, html, optimization
Optimize Long Tasks (mal/dev)583
javascript, optimization
GIFs Without the .gif: The Most Performant Image and Video Options Right Now (oll/css)582
multimedia, images, gif, html
Performance Budgets: The Easiest Way to a Faster Site (fox/cal)581
performance-budgets
Five Data-Loading Patterns to Boost Web Performance (sma)580
Page Weight (htt)579
web-almanac, studies, research, metrics
Element Timing: One True Metric to Rule Them All? (spe)578
time, apis, metrics
Will Serving Real HTML Content Make a Website Faster? Let’s Experiment!577
studies, research, html
How to Substantially Slow Down Your Node.js Server576
how-tos, nodejs
Total Blocking Time: A Short and Sweet Guide for Happier Users (ben/cal)575
javascript
Your Next.js Bundle Will Thank You574
nextjs, bundling
Critical CSS? Not So Fast! (css)573
css
How to Improve Largest Contentful Paint for Faster Load Times (fox/cal)572
how-tos, web-vitals, optimization
Disabled JavaScript Turns Off Native Lazy Loading (ste)571
javascript, html, lazy-loading
Why Your Website Should Be Under 14 kB in Size570
protocols
Measure What You Impact, Not What You Influence (css)569
metrics, optimization
Optimize Data Fetching568
data-fetching
Can Browsers Optimize the Loading of Third-Party Resources? (add/dev)567
browsers, embed-code
Tip: Use “fetchpriority=high” to Load Your LCP Hero Image Sooner (add)566
html, web-vitals
(Re-)Introducing Gatsby, a Reactive Site Generator565
gatsby, react, reactivity, site-generators, introductions
How and Why We Removed jQuery From GOV.UK564
jquery, maintainability
Core Web Vitals Tools to Boost Your Web Performance Scores (sma)563
web-vitals, tooling
Making a Website Under 1 kB562
minimalism, html
Which Generator Builds Markdown the Fastest? (zac)561
site-generators, markdown, comparisons
500 ms to 1.7 ms in React: A Journey and a Checklist560
react
Fix Web Performance for the Long-Term (sia)559
testing, processes
Priority Hints—What Your Browser Doesn’t Know (Yet)558
hints
Powerful Image Optimization Tools (lou/sma)557
link-lists, images, compression, tooling
Can SVG Symbols Affect Web Performance?556
svg, images
Avoiding “<img>” Layout Shifts: “aspect-ratio” vs. “width” and “height” Attributes (jaf)555
web-vitals, comparisons, html, attributes, aspect-ratio, css
Frontend Web Performance: The Essentials554
fundamentals, javascript
Faster WordPress Rendering With 3 Lines of Configuration (sto)553
wordpress, css, http, configuration
A CLS Punishment for Progressive Enhancement? (bel/pic)552
web-vitals, progressive-enhancement
Imagemin Guard (j9t)551
packages, npm, images, compression, jpeg, png, gif, webp, avif
Everything You Need to Know About Web Performance (in 5 Minutes)550
web-vitals, compression
Style Scoping Versus Shadow DOM: Which Is Fastest? (nol)549
selectors, scope, dom, shadow-dom, comparisons, metrics
How to Remove 99% of JavaScript From Main Thread (wea)548
videos, how-tos, javascript
What We’ve Learned From One Year of Real User Monitoring Data on GOV.UK547
monitoring, metrics
Measuring the Performance of Typefaces for Users II (sma)546
typography, fonts
Measuring the Performance of Typefaces for Users (sma)545
typography, fonts
Don’t Sink Your Website With Third Parties (sma)544
embed-code, dependencies
Two Lines of CSS That Boosts 7× Rendering Performance543
css, rendering
Conditionally Loading CSS or Any Resource Using Media Queries (ami)542
html, media-queries
Rethinking Server-Timing as a Critical Monitoring Tool (sma)541
time, http, metrics, monitoring
Don’t Fight the Browser Preload Scanner (mal/dev)540
browsers, html, parsing
How to Use Google CrUX to Analyze and Compare the Performance of JS Frameworks (sma)539
how-tos, google, metrics, javascript, frameworks
A Management Maturity Model for Performance (sli)538
Performance Game Changer: Browser Back/Forward Cache (tun/sma)537
browsers, caching, web-vitals
Get to Know Your Browser’s Performance Profiler536
browsers, tooling, profiling
Understanding the Performance Impact of Anti-Flicker Snippets (spe)535
web-vitals
Is Measuring Speed a Useful Metric for Design Systems? (amy+)534
videos, metrics, design-systems
Faster Initialization of Instances With New Class Features (joy)533
browsers, javascript, javascript-engines, v8
How to Improve Core Web Vitals (8 Ways)532
how-tos, web-vitals
The Ultimate Guide to Optimizing JavaScript for Quick Page Loads (ste/bui)531
guides, javascript, optimization
Core Web Vitals: Finding Common Ground Between SEOs and Developers (moz)530
web-vitals, seo, metrics
How to Optimize Your LCP (with Visuals) (ste)529
how-tos, web-vitals, optimization
Optimising Largest Contentful Paint (css)528
web-vitals
Picture Perfect Images With the Modern “<img>” Element (add)527
images, html, web-vitals
Speed Needs Design, or: You Can’t Delight Users You’ve Annoyed526
design, user-experience
The Web Is for Everyone: Our Vision for the Evolution of the Web (moz)525
web, outlooks, privacy, security, accessibility, user-experience
Optimising Core Web Vitals on SPAs (sim)524
web-vitals, single-page-apps, optimization
Improving Your User Experience to Reduce Bounce Rates (uxm)523
user-experience, usability, seo
Performance Tests on Common JavaScript Array Methods (hac)522
testing, javascript, arrays
Optimizing SVG Patterns to Their Smallest Size (css)521
svg, images
The Impact That High Quality Mark-Up Can Have on Accessibility, Performance, and Discoverability520
videos, html, accessibility
Making the World’s Fastest Website, and Other Mistakes519
mistakes
The Weirdly Obscure Art of Streamed HTML518
html, streaming
Ten Years of Page Bloat: What Have We Learned? (spe)517
web-vitals, user-experience
7 Ways to Achieve a Faster Core Web Vitals Score (hac)516
web-vitals
A New Speed Milestone for Chrome (dev)515
browsers, google, chrome
Performance Signals for Customizing Website UX (tun/sma)514
user-experience, web-vitals, customization
Should Frontend Devs Care About Performance?513
Top 2021 CSS Frameworks Report: The CSS File Sizes (cit)512
studies, research, frameworks, css
How to Make MPAs That Are as Fast as SPAs (cfe)511
how-tos, multi-page-apps, single-page-apps
Improving a CDN’s Cache Hit Ratio (erw)510
content-delivery, caching
Minimizing Google Fonts by Only Loading It for Certain Characters (ami)509
typography, google, fonts, minimalism
Core Web Vitals: What Next? (moz)508
web-vitals, seo
The Difference Between Brotli and Gzip Compression Algorithms to Speed Up Your Site507
compression, brotli, gzip
This Is Why Your Node.js Application Is Slow506
nodejs
Reducing the Web’s Carbon Footprint: Optimizing Social Media Embeds (mic/sma)505
social-media, embed-code, sustainability
Improving JavaScript Bundle Performance With Code-Splitting (cod/sma)504
javascript, bundling, code-splitting, optimization
Speed Matters, but It Isn’t Everything503
user-experience, metrics
Caching Header Best Practices (sim)502
caching, http, http-headers, best-practices
Big Images, Blazingly Fast501
images, quality
Optimize Your PNGs With Oxipng and pre-commit (ada)500
images, png, compression, tooling
How to Avoid Layout Shifts Caused by Web Fonts (sim)499
how-tos, user-experience, fonts
Website Performance and the Planet498
sustainability, caching
Memory Leaks: The Forgotten Side of Web Performance (nol)497
memory
Improving WordPress Performance: An Open Letter (erw)496
wordpress, css, javascript
A Unified Theory of Web Performance (sli/per)495
Exposing Mid-Resource LCP Values (per)494
web-vitals
Page Visibility: If a Tree Falls in the Forest… (pau/per)493
web-vitals, user-experience
Using Diagnostic Metrics (per)492
metrics
Practical Tips for Load-Testing Web Applications (per)491
testing, tips-and-tricks, web-apps
The Business Case for Performance (per)490
economics
Faster Websites by Using Less HTML (j9t)489
cross-posts, html, optimization, minimalism
Redirect Liquidation (tim/per)488
optimization, redirecting
Frontend Web Performance: The Essentials487
fundamentals, rendering
Web Performance, Core Web Vitals, and Vanity Metrics (per)486
web-vitals, metrics
Hands On With the New Responsiveness Metrics (per)485
responsive-design, metrics
Explain Like I’m Five: Web Performance Optimization (sto/per)484
optimization
Performance Implications of JavaScript Errors (per)483
javascript, errors
Defer Non-Critical Resources (per)482
html
Caching: Understanding the Scope (per)481
caching
Test Your Product on a Crappy Laptop (eri/css)480
testing, usability
HTTP Compression (per)479
http, protocols, compression
Have Core Web Vitals Made the Web Faster? (tun/per)478
web-vitals
Plugging Memory Leaks in Your App (sto/per)477
memory
Request for a General Theory of Web Performance (per)476
Page Weight (htt)475
web-almanac, studies, research, metrics
Smashing Podcast Episode 44 With Chris Ferdinandi: Is the Web Dead? (cfe+/sma)474
podcasts, interviews, web-platform, standards, tooling, developer-experience
7 Ways to Improve Node.js Performance at Scale (app)473
nodejs, optimization
How JavaScript Engines Achieve Great Performance472
javascript, javascript-engines
Improving the Performance of Wix Websites (Case Study) (sma)471
monitoring, culture, case-studies
Designing Sustainable Websites (ger)470
sustainability, software-design
Performance (sia/htt)469
web-almanac, studies, research, metrics, user-experience
Get Your “Head” Straight (css/btc)468
videos, html
Why IndexedDB Is Slow and What to Use Instead467
databases, indexeddb, javascript
Your CSS Is an Interface (eri)466
css
Using Web Workers to Boost Third-Party Script Performance (log)465
web-workers, javascript
Why Your Website Should Not Use Dithered Images464
images, dithering, compression
Chrome DevTools: Record and Playback Your User Journeys463
dev-tools, user-experience, browsers, google, chrome
Everything You Have to Know About Core Web Vitals (fox/cal)462
web-vitals
How to Implement Memoization in React to Improve Performance461
how-tos, react, memoization, optimization
Best Practices on Embedding Third-Party Web Widgets460
embed-code, best-practices
Building an Effective Image Component (dev)459
components, javascript
Web Performance Metrics Cheatsheet (ire)458
metrics, cheat-sheets
New HTTP Standards for Caching on the Modern Web457
http, protocols, caching, standards
Optimizing Resource Loading With the Fetch Priority API (add+/dev)456
data-fetching, apis, optimization
How I Made Google’s Data Grid Scroll 10× Faster With One Line of CSS455
css
My Challenge to the Web Performance Community (phi)454
jsPerf—Online JavaScript Performance Benchmark453
websites, javascript
Using Modern Image Formats: AVIF and WebP (add/sma)452
images, avif, webp, jpeg, png, comparisons, compression
Faster React Apps With Memoization451
react, memoization
ct.css—Let’s Take a Look Inside Your “<head>” (css)450
css, debugging
Small Bundles, Fast Pages: What to Do With Too Much JavaScript (cal)449
javascript, bundling
Optimizing Images on the Web (clo)448
images, cloudflare
Vanilla JS Is a Web Performance Decision (cfe)447
javascript
Blowing Up HTML Size With Responsive Images (deb)446
html, images, responsive-design
Designing for Long Waits and Interruptions: Mitigating Breaks in Workflow in Complex Application Design (nng)445
user-experience, complexity
Writing High-Performance JavaScript (cfe)444
javascript
What Are the Web Performance Metrics That Actually Matter? (cfe)443
metrics
Lighthouse Scores Do Not Affect Google Search/SEO (erw)442
lighthouse, google, search, seo
HTTP/3: Performance Improvements (pro/sma)441
http, protocols
Does Shadow DOM Improve Style Performance? (nol)440
dom, shadow-dom, rendering
Big O, Code Efficiency Analysis439
algorithms
“<Lazy>” Rendering in Vue to Improve Performance438
vuejs, client-side-rendering, optimization
A Performance-Focused Workflow Based on Google Tools (dev)437
web-vitals, tooling, google
How We Reduced Next.js Page Size by 3.5× and Achieved a 98 Lighthouse Score436
nextjs, lighthouse, google, case-studies
CSS Architecture and Performance in Micro Frontends435
css, architecture, micro-frontends
Learnings From a WebPageTest Session on CSS-Tricks (chr/css)434
webpagetest
A Beginner’s Guide to Lighthouse433
guides, lighthouse, google, web-vitals
How to Eliminate Render-Blocking Resources: A Deep Dive (sia)432
how-tos, rendering
The Performance Effects of Too Much Lazy-Loading (rvi/dev)431
web-vitals, lazy-loading
What Is Tree Shaking? (cfe)430
javascript, concepts, tree-shaking
Performance Design: The Illusion of Speed429
user-experience
Resource Inlining in JavaScript Frameworks (mge/dev)428
javascript, frameworks, web-vitals
Making the Web—Faster (rau)427
web, developer-experience, principles
Half the Size of Images by Optimising for High Density Displays (jaf)426
html, images
Serving Sharp Images to High Density Screens (jaf)425
images
Using AVIF to Compress Images on Your Site (dev)424
images, avif, compression
What Can the HTTP Archive Tell Us About Largest Contentful Paint? (pau)423
Best Practices for Fonts (tun/dev)422
fonts, best-practices
CSS for Web Vitals (una/dev)421
css, web-vitals
How to Fix Cumulative Layout Shift (CLS) Issues (tun/sma)420
how-tos, web-vitals
Elasticsearch Boolean Query Performance (ast)419
tooling, search
Tree-Shaking: A Reference Guide (ati/sma)418
guides, optimization, javascript, tree-shaking
Reducing HTML Payload With Next.js (Case Study) (sma)417
nextjs, html, case-studies
An Introduction to Performance Budgets416
introductions, performance-budgets, metrics
The Lazy-Loading Property Pattern in JavaScript (nza)415
javascript, software-design-patterns, lazy-loading
9 Principles of Good Web Design414
design, principles, simplicity, navigation, content, layout, mobile
Bypassing Cookie Consent Banners in Lighthouse and WebPageTest (and)413
consent-management, cookies, lighthouse, google, webpagetest, testing
The 5-Hour CDN (fly)412
content-delivery
Measuring Web Performance in Mobile Safari (css)411
testing, mobile, browsers, apple, safari
What About Ember? (tka)410
emberjs
Front-End Performance 2021: Assets Optimizations (vit/sma)409
checklists, link-lists, compression, images
Front-End Performance 2021: Build Optimizations (vit/sma)408
checklists, link-lists, building
Front-End Performance 2021: Delivery Optimizations (vit/sma)407
checklists, link-lists
Testing Performance (kel)406
testing
HTML and CSS Techniques to Reduce Your JavaScript (per)405
html, css, javascript
Continuous Performance Analysis With Lighthouse CI and GitHub Actions (css)404
lighthouse, google, github-actions
Optimizing Image Depth (mey/css)403
images, quality, optimization
Page Weight (htt)402
web-almanac, studies, research, metrics
Time to Say Goodbye to Google Fonts: Cache Performance401
google, fonts, caching
Best Practices for Inclusive Textual Websites400
security, accessibility, best-practices
Measuring Core Web Vitals With Sentry (fon/css)399
web-vitals, tooling
Warp: Improved JS Performance in Firefox 83 (jan/moz)398
firefox, mozilla, browsers, javascript, spidermonkey, javascript-engines
The What, Why, and How of Using a Skeleton Loading Screen (tre)397
placeholders, react
Core Web Vitals: A Guide to Google’s Web Performance Metrics (cra)396
guides, google, web-vitals
Signed Exchanges (SXGs) (twi/dev)395
authentication, signed-exchanges, web-packaging
How to Create High-Performance CSS Animations (rac/dev)394
how-tos, css, animations
Reducing the Site Speed Impact of Third-Party Tags393
embed-code
Enforcing Performance Budgets With Webpack (css)392
performance-budgets, webpack
AVIF Has Landed (jaf)391
images, avif, quality, jpeg, webp, svg, png, comparisons
Loading Third-Party JavaScript (add/dev)390
javascript
Performance Is an Issue of Equity (clo)389
accessibility
Lazy Loading Images in Svelte (css)388
images, lazy-loading, svelte
Methods of Improving and Optimizing Performance in React Apps (sma)387
react, optimization
We Need More Inclusive Web Performance Metrics (sco)386
metrics, dei
How I Used Brotli to Get Even Smaller CSS and JavaScript Files at CDN Scale (css)385
compression, brotli
5 Projects to Help You Master Modern CSS (cra)384
css, print, forms
Core Web Vitals (chr/css)383
google, web-vitals, metrics
On Fixed Elements and Backgrounds (hui)382
css, backgrounds, positioning, scrolling
Speed Up Google Fonts (css)381
google, fonts
The Need for Speed, 23 Years Later (nng)380
user-experience, history
Maybe You Don’t Need That SPA379
single-page-apps, javascript, react, marko
prerender.js (chr/css)378
libraries
Introducing Web Vitals: Essential Metrics for a Healthy Site (dev)377
introductions, web-vitals, metrics, google
Real-World Effectiveness of Brotli (css)376
compression, brotli, comparisons
The Cost of JavaScript Frameworks (tka)375
javascript, frameworks, metrics, jquery, vuejs, angular, react
Start Render: The Web Performance Metric That Heralds the End of the Blank Page374
metrics, web-vitals
Performance Tips: Minifying HTML, CSS, and JS373
videos, html, css, javascript, minification, tips-and-tricks
Setting Height and Width on Images Is Important Again (tun/sma)372
html, images, web-vitals
Improving Perceived Performance With the CSS “font-display” Property (the)371
css, fonts
Encrypting DNS Query Bad for Performance? (erw)370
dns, http, encryption, security
Page Builders Might Not Be a Good Idea (cit)369
maintainability, consistency, quality
Do This to Improve Image Loading on Your Website (fon/css)368
images, html
Google Tag Manager vs. Page Speed: The Impact and How to Improve367
google, tag-management, analytics, optimization
The Web in 2020: Extensibility and Interoperability (una/css)366
web-platform, extensibility, interoperability, houdini, variable-fonts, custom-properties, logical-properties, web-components, media-queries
Should You Self-Host Google Fonts? (tun)365
fonts, google, self-hosting
Improving Site Performance With Webpack Tree Shaking364
optimization, webpack, tree-shaking
Performance Budgets, Pragmatically (css)363
performance-budgets
Putting Devs Before Users: How Frameworks Destroyed Web Performance (uxd)362
frameworks, developer-experience
An HTML Optimizer’s Config for HTML Minifier (j9t)361
html, html-minifier, minification, optimization, configuration, minimalism
How Do You Remove Unused CSS From a Site? (chr/css)360
css, tooling
Speed Up Your Website With WebP (sma)359
optimization, webp, images
A Guide to Optimizing Images for Mobile (sma)358
guides, images, optimization, mobile
On Writing Better Markup (j9t)357
html, quality, maintainability, terminology
Workflow Considerations for Using an Image Management Service (chr/css)356
images, tooling, content-delivery
Recipes for Performance Testing Single Page Applications in Webpagetest (pha/css)355
testing, single-page-apps, tooling, webpagetest
Some HTML Is “Optional” (chr/css)354
html, standards
Faster Image Loading With Embedded Image Previews (sma)353
images, lazy-loading, techniques, javascript
Other Ways to SPAs (chr/css)352
single-page-apps, tooling
Lazy Load Embedded YouTube Videos (chr/css)351
youtube, lazy-loading, embed-code
Optional HTML: Everything You Need to Know (j9t)350
html, minimalism
Accessibility and Web Performance Are Not Features, They’re the Baseline (fon/css)349
accessibility, amp, google, user-experience
Handling Unused CSS in Sass to Improve Performance (sma)348
css, sass, optimization
What CMS to Use for Optimale TTFB (and Site Speed?) (erw)347
content-management, metrics, wp-engine, automattic
I Used the Web for a Day on a 50 MB Budget (sma)346
mobile
How Google Pagespeed Works: Improve Your Score and Search Engine Ranking (ben/css)345
google, tooling, lighthouse, seo
Browsers Are Pretty Good at Loading Pages, It Turns Out344
javascript, rendering, browsers
The Simplest Way to Load CSS Asynchronously (sco)343
css, asynchronicity
Shifting the Performance Burden (sco)342
Optimizing Google Fonts Performance (sma)341
google, fonts, optimization
How to Increase Your Page Size by 1,500% With Webpack and Vue (bur/css)340
webpack, vuejs
The Problem With Web Development Checklists, or: The Frontend Checklist, Revised (j9t)339
checklists, html, accessibility, seo, social-media
Responsible JavaScript (mal/ali)338
javascript, tree-shaking, code-splitting, embed-code, transpiling, tooling
Image Optimization in WordPress (sma)337
wordpress, images, optimization
Self-Host Your Static Assets (css)336
self-hosting, caching
Characteristics of a Strong Performance Culture (tka)335
culture, principles
Understanding Image Compression: Tooling and Context (j9t)334
images, compression, tooling
The Scoville Scale of Web Font Loading Opinions (zac/btc)333
videos, fonts
Browser Resource Hints: “preload”, “prefetch”, and “preconnect” (deb)332
hints, html, http-headers, http, preloading
Optimizing Performance With Resource Hints (dre/sma)331
hints, optimization
The Serif Tax (chr/css)330
fonts
Improving Perceived Performance With the Link “rel=preconnect” HTTP Header (and)329
http, http-headers, hints
“Cache-Control” for Civilians (css)328
caching, http
How to Avoid DOM Blocking in JavaScript (cra)327
how-tos, dom, javascript
Rendering on the Web (add+/dev)326
server-side-rendering, client-side-rendering, rendering, hydration, seo
8 Reasons Why You’re Doing SEO Wrong (erw)325
seo
HTML and Performance: Leave Out Optional Tags and Quotes (j9t)324
html
The Ethics of Web Performance (tka)323
ethics, accessibility
The Elements of UI Engineering (dan)322
user-experience, consistency, navigation, prioritization, accessibility, internationalization, resilience
Static vs. Server Rendering321
rendering, comparisons, react
Speed Up Next-Page Navigations With Prefetching (add)320
hints, html, http-headers, http, webpack
Keeping Sass Simple and Speedy on Eleventy (phi)319
sass, eleventy
On Visions for Performance, or: Performance Optimization Is a Process (j9t)318
optimization, outlooks, processes
Front-End Developers Have to Manage the Loading Experience (chr/css)317
user-experience
Performance Rule #1: Do What You Need to Do—But Not More (j9t)316
simplicity
PageSpeed Insights, Now Powered by Lighthouse (che+)315
tooling, google, lighthouse
Improve Animated GIF Performance With HTML5 Video (sma)314
images, gif, multimedia
Performance Budgets 101 (dev)313
introductions, performance-budgets, metrics
Reduce JavaScript Payloads With Code Splitting (mal/dev)312
javascript, code-splitting
A Netflix Web Performance Case Study (add/dev)311
netflix, case-studies
A Guide to Caching in WordPress310
guides, wordpress, caching, plugins
How to Configure Lighthouse for Balanced Quality Websites (j9t)309
how-tos, google, lighthouse, configuration, quality
A Minimal JavaScript Setup (css)308
javascript, conventions, naming, scope, maintainability, examples
Chrome’s Noscript Intervention (tka)307
chrome, google, browsers, javascript, mobile
20 Tips for Optimizing CSS Performance (cra)306
css, optimization, tips-and-tricks
Variable Fonts: What They Are, and How to Use Them305
how-tos, fonts, variable-fonts
Browser Painting and Considerations for Web Performance (css)304
browsers, browser-engines, painting, rendering
Slow Websites (geo/css)303
performance-budgets
The Cost of JavaScript in 2018 (add)302
javascript, code-splitting, lazy-loading, performance-budgets, bundling
HTTP/2: The Difference Between HTTP/1.1, Benefits, and How to Use It301
protocols, http, comparisons
Delivering WordPress in 7 KB (css)300
wordpress, themes
HTTP/2: Background, Performance Benefits, and Implementations299
protocols, http
Improving Performance Perception: On-Demand Image Resizing298
optimization, images, resizing, html
How I Dropped 250 KB of Dead CSS Weight With PurgeCSS (sar)297
css, purgecss
The Four Big Ways Jetpack Helps With Image Performance (css)296
wordpress, plugins, images
Here’s the Thing About “Unused CSS” Tools (chr/css)295
css, quality, tooling
7 Performance Tips for Jank-Free JavaScript Animations294
javascript, animations, tips-and-tricks
Making Your Website Faster and Safer With Cloudflare293
caching, security, cloudflare
How Do You Know Your Website Is a Success? (sma)292
product-management, strategies, metrics, user-experience, content, microcontent, navigation, testing
Page Transitions for Everyone (css)291
design, user-experience, animations, transitions, caching
Introducing Last Painted Hero (spe)290
introductions
How Fast Is AMP Really? (tka)289
amp, google, metrics
Three Techniques for Performant Custom Font Usage (oll/css)288
fonts, techniques, flash-of-x
AMP News (chr/css)287
amp, google, community
Why Fast Matters (css/btc)286
videos, economics
Finding Dead CSS (css)285
css, maintenance
How to Optimize CSS and JS for Faster Sites284
how-tos, css, javascript, minification, optimization
SYN Packet Handling in the Wild (clo)283
tcp, protocols, network
Performance of CSS Selectors Is Still Irrelevant (j9t)282
css, selectors
Progressive Web Apps: A Crash Course281
crash-courses, web-apps, progressive-web-apps, lighthouse, google
Optimizing CSS: Tweaking Animation Performance With DevTools280
css, animations, optimization, dev-tools, browsers, firefox, mozilla
On Big Picture Thinking in Web Development (j9t)279
user-experience, maintainability, consistency, accessibility, outlooks
How to Optimize SQL Queries for Faster Sites278
how-tos, sql, mysql, databases, caching, optimization
Understanding the “Vary” Header (sma)277
http, http-headers, caching
The Front-End Checklist (the)276
websites, checklists, html, css, javascript, images, accessibility, seo
The State of the Web (fox)275
web
Using the Paint Timing API (mal/css)274
apis, time, painting, rendering, javascript
(Now More Than Ever) You Might Not Need jQuery (oll/css)273
jquery, javascript, ajax, comparisons, examples
Three Reasons Why You Should Care About Google Lighthouse (fox/cal)272
lighthouse, google
What Is the Future of Front End Web Development? (chr/css)271
outlooks, user-experience, javascript, documentation, native, web, urls, css, preprocessors, html, building, tooling
What We Talk About When We Talk About Web Performance (btc)270
videos
Let the Content Delivery Network Optimize Your Images (jon/sma)269
content-delivery, images, optimization
Optimizing Web Fonts for Performance: The State of the Art268
fonts, optimization
Brotli and Static Compression (mal/css)267
compression, brotli, gzip, comparisons
A Comprehensive Guide to HTTP/2 Server Push (mal/sma)266
guides, http, protocols, servers
Guetzli, Google’s New JPEG Encoder (tel)265
images, jpeg, compression, tooling
AMP and the Web (tka)264
amp, google, web-platform, web
Considering How We Use HTTP/2 (mal/ali)263
optimization, http, protocols
Using HTTP/2 Responsibly: Adapting for Users (mal/ali)262
http, protocols, support, servers
11 Tips to Optimize JavaScript and Improve Website Loading and Rendering Speeds261
javascript, optimization, minification, compression, caching
The Web, Worldwide (tka)260
websites, metrics
A Checklist for Website Reviews (hcr)259
checklists, browsers, seo, accessibility, security
Performant Parallaxing (aer/dev)258
scrolling, css, effects, parallax, positioning
Performance: Shame, Hope, Nuance, and Interesting Problems (bka)257
The Joy of Optimizing (una/btc)256
videos, images, optimization
Web Packaging Format255
web-packaging
Next Generation Server Compression With Brotli (mal/sma)254
compression, brotli, gzip, comparisons
When Is the Right Time to Think About Web Performance? (fon/css)253
processes
High Performance SVGs (sar/css)252
svg, images, tooling, optimization
The Performance Benefits of “rel=noopener” (jaf)251
html, links, security
Ways You Need to Tell the Browser How to Optimize (chr/css)250
browsers, css, optimization
Accessibility and Performance (mar)249
accessibility, javascript, optimization
Service Workers and PWAs: It’s About Reliable Performance, Not “Offline” (sli)248
web-apps, progressive-web-apps, web-workers, javascript
6 SEO Trends to Watch for in 2016247
trends, seo, content, marketing, mobile, social-media
How to Optimize Mobile Performance (sma)246
how-tos, mobile, optimization, performance-budgets, content-management, caching, testing
CPP: A Standardized Alternative to AMP (tka)245
amp, google, policies
Critical Metric: Critical Resources244
metrics, css, javascript
Lazy-Loading Images: How Not to Really Annoy Your Users243
images, lazy-loading, jquery
10 Web Predictions for 2016 (cra)242
web, outlooks, security, site-generators, browsers, css, mobile, webassembly, seo
Why You Should Choose Your Own HTTPS (hel)241
http, content-delivery, tooling, cloudflare
The Problem With Progressive Enhancement240
progressive-enhancement, javascript, resilience
The Cost of Frameworks Recap (chr/css)239
frameworks
JavaScript Frameworks and Mobile Performance238
javascript, frameworks, mobile
Loading Web Fonts With the Web Font Loader (fon/css)237
fonts, flash-of-x, user-experience
Design + Performance (zem/btc)236
videos, design, user-experience
HTTP/2: The Pros, the Cons, and What You Need to Know235
protocols, http
Performance Budgets in Action (spe)234
performance-budgets
AMP and Incentives (tka)233
amp, google, web
Using Web Fonts the Best Way (in 2015) (hel)232
fonts
Introducing RAIL: A User-Centric Model for Performance (pau/sma)231
introductions, metrics, user-experience
Factors Affecting Website Performance230
network, browsers, memory, servers, images, multimedia
Preloading Images in Parallel With Promises (kit)229
javascript, promises, images, preloading
Delivering Responsibly (sco/btc)228
videos, usability, accessibility, sustainability
10 Common Mistakes Web Developers Make227
mistakes, html, css, javascript, career
5 Easy Performance Tweaks for Node.js Express (cra)226
nodejs, express, optimization, compression
Strategies for Cache-Busting CSS (chr/css)225
css, caching, tooling, strategies
Understanding Critical CSS (sma)224
css
Mastering Image Optimization in WordPress223
wordpress, images, optimization
React + Performance = ? (aer)222
react, metrics
Page Bloat Update: The Average Web Page Is More Than 2 MB in Size (tam)221
metrics, comparisons
Performance Tools (fon/css)220
tooling, content-delivery, testing, dev-tools, images, css, javascript, optimization, link-lists
Choosing Performance (tka)219
facebook+meta
Advanced Performance Audits With DevTools (pau)218
auditing, browsers, dev-tools
Tour of a Performant and Responsive CSS Only Site (css)217
css, parallax, effects, case-studies
Planning for Performance (sco/ali)216
Performance Budget Metrics (tka)215
performance-budgets, metrics
Progress Indicators Make a Slow System Less Insufferable (nng)214
progress-indicators, user-experience, design
The Perception of Performance (lou)213
user-experience
Image Optimization Services (gri/clo)212
images, optimization, link-lists
JS Parse and Execution Time (tka)211
javascript, parsing, metrics
How a New HTML Element Will Make the Web Faster (ars)210
html, images, responsive-design
Minimising Font Downloads (jaf)209
fonts, css, optimization, support, browsers
Faster YouTube Embeds With JavaScript208
embed-code, youtube, javascript
Introduction to the Resource Timing API207
introductions, time, apis, javascript
Authoring Critical Above-the-Fold CSS (css)206
css, sass, asynchronicity
Optimizing WordPress Performance With P3205
wordpress, optimization, plugins
Pixels Are Expensive (aer)204
rendering, painting
Speed Up Your WordPress Site203
wordpress, tooling
How to Speed Up WordPress (sma)202
how-tos, wordpress
Cache Invalidation Strategies With Varnish Cache (per/sma)201
caching, tooling
WordPress Performance Improvements That Can Go Wrong (sma)200
wordpress, plugins
Grunt and Gulp Tasks for Performance Optimization199
yeoman, grunt, gulp, tooling, optimization
Controlling Heavy Weight Websites198
user-experience, case-studies
Nine Things to Expect From HTTP/2 (mno)197
http, protocols, network
Web Performance Tricks—Beyond the Basics196
tips-and-tricks, html, css, optimization, link-lists
Packaging on the Web (jen+/tag)195
web-packaging
The Complete Guide to Reducing Page Weight (cra)194
guides, compression, caching, content-delivery, minification
Responsive HTML5 Apps: Write Once, Run Anywhere? Where Is Anywhere? (wir)193
html, web-apps, responsive-design, multimedia
Avoiding the 300 ms Click Delay, Accessibly (tka)192
touch, events, accessibility
Flexbox Layout Isn’t Slow (pau/dev)191
css, flexbox, layout
Performance Matters (ali)190
w3c
SEO Strategies for Designers189
seo, strategies, urls, metadata
Sustainable Web Design (ali)188
sustainability
Image Compression for Web Developers (dev)187
images, compression, link-lists
Webpage Performance (geo)186
compression, images, minification, caching, content-delivery
Domain Sharding Revisited185
domains, http, protocols
WordPress Fragment Caching Revisited (css)184
wordpress, caching, php
Progressive Enhancement Is Faster (jaf/sma)183
progressive-enhancement
Images Slowing Down Your Site? Try This One Weird Trick! (aer)182
images, javascript
Solving Rendering Performance Puzzles (jaf)181
svg, javascript, rendering
Does Flexbox Have a Performance Problem? (chr/css)180
css, flexbox, layout
On Mobile, Data URIs Are 6× Slower Than Source Linking (New Research)179
mobile, data-urls
When the UI Is Too Fast (nng)178
usability
Say “Yes” to JavaScript (mit)177
javascript, privacy
Why We Need Responsive Images (tka)176
images, responsive-design, metrics
Creating a Performance Culture175
culture
HTML5’s “Performance Issue” Rubbished (cra)174
html
No, HTML5 Does Not Have a Performance Issue (pba)173
html
Preventing the Performance Hit From Custom Fonts (chr/css)172
fonts, ajax, jquery, lazy-loading
jQuery: The Performance of DOM Caching171
jquery, dom, caching
Why Is Node.js So Much Faster? (sim)170
nodejs, javascript, asynchronicity
Web Technology: 5 Things to Watch in 2013 (sts/cne)169
browsers, standards, images
A Tale of Animation Performance (chr/css)168
css, animations
Scrolling Performance (aer/dev)167
scrolling
Why Moving Elements With “translate()” Is Better Than “pos:abs top/left” (pau)166
css, animations
The Perception of Speed165
user-experience, single-page-apps
Measuring Connection Speed in Browsers (ppk)164
network, browsers, mobile
Web Performance: When Millisecond Resolution Just Isn’t Enough (mic)163
javascript, apis, metrics
Cache Is King162
caching
Preferred Caching161
caching, web-apps, internet-explorer, microsoft, browsers
Octane: The JavaScript Benchmark Suite for the Modern Web (dev)160
javascript, testing, support, v8, tooling
Loading Half a Billion Rows Into MySQL159
mysql, databases
The Performance of localStorage Revisited (nza)158
browser-storage, javascript
In Defense of localStorage (nza)157
browser-storage, javascript
Building a High Performance Website156
metrics, processes, optimization
The Performance Golden Rule155
principles
Google Wants Faster TCP154
google, tcp, protocols
Use PHP Flush to Improve Site Loading Speed153
php, flushing
Reduce Your jQuery Script Loading Times152
jquery, embed-code
HTML5, CSS3, and DOM Performance (pau/goo)151
videos, html, css, dom
CSS3 vs. CSS: A Speed Benchmark (sma)150
css, comparisons, metrics
Evolution of Script Loading149
html, javascript, asynchronicity
Speed Up Your Website With PHP Buffer Flushing (cra)148
php, flushing
Performance Mythbusters (tka)147
optimization, myths
Improve JavaScript Performance146
javascript, optimization
Why We Don’t Have a Parent Selector (jus)145
css, selectors
The Need for Speed… Why Slow Page Load Times Matter (and)144
slides
High-Performance String Concatenation in JavaScript (cra)143
javascript, strings
WebPageTest.org and Page Speed142
webpagetest, google
Delay Loading the Print Stylesheet (bel)141
css, print, javascript
Website Response Times (nng)140
user-experience, usability, metrics
Frontend SPOF139
html, javascript, css, fonts
Efficiently Rendering CSS (chr/css)138
css, selectors, rendering
Performance Toolbelt: Page Speed (tka)137
tooling
Slow Kills (tel)136
google
9 Causes of Web Page Obesity (cra)135
embed-code, compression, optimization
Better JavaScript Minification (nza/ali)134
javascript, minification
Data URIs (chr/css)133
data-urls
Are You Loosing Traffic by Poor Website Performance? (cod/sma)132
traffic, techniques, tooling, link-lists
How Fast Is Your Site?131
google, tooling
Full Frontal ’09: Jake Archibald on Performance Optimisation (mic/aja)130
optimization, javascript, dom
Fast by Default and Web Performances (aja)129
images, sprites, javascript, css
Data URIs Explained (nza)128
data-urls, base64
“@ font-face” Is Cool… but Does It Scale? (oct/aja)127
css, fonts
JavaScript Gzip Compression in WordPress: What’s Possible and What Hurts (lyz/clo)126
php, javascript, compression, gzip, wordpress
Details on JS Compression: Squeezing Every Last Byte on the Wire (dal/aja)125
javascript, compression
Best Way to Load Your JavaScript (dal/aja)124
javascript, jquery
Event Delegation in JavaScript (nza)123
javascript, events
CSS: Using Every Declaration Just Once (j9t/goo)122
css, maintainability
How Gzip Compression Works (goo)121
compression, gzip