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

Definition, related topics, and tag feed

Definition · Supertopics: user-experience · Subtopics: bundling, caching, code-splitting, compression, content-delivery, flushing, hints, lazy-loading, load-balancing, memoization, minification, performance-budgets, preloading, purgecss, speculation, sprites, web-packaging, web-vitals, webpagetest (non-exhaustive) · “performance” RSS feed (per email)

Entry (Sources) and Other Related TopicsDate#
Making Complex Web Apps Faster (pat/mic)1,073
web-apps, apis, time, complexity
The Inconvenient Truth: How Web Performance Case Studies Undermine Our Relationship With Business (mac)1,072
metrics, economics
2025 in Review: What’s New in Web Performance? (deb)1,071
web-vitals, lighthouse, apis, speculation, chrome, google, firefox, browsers, dev-tools, tooling, testing, mcp, ai, retrospectives, outlooks
Non-Blocking Cross-Browser Image Rendering on the Canvas (mys)1,070
canvas, javascript, images
Fast by Default (den)1,069
processes
Exploring Large HTML Documents on the Web1,068
html, metrics
Improve TTFB and UX With HTTP Streaming (mb2)1,067
user-experience, http, streaming, optimization
How Fast Can Browsers Process Base64 Data? (lem)1,066
encoding, base64, browsers, metrics, comparisons
CSS-in-JS: The Great Betrayal of Frontend Sanity (the)1,065
css-in-js, css, javascript, developer-experience
93% Faster Next.js in (Your) Kubernetes (mco/pla)1,064
nextjs, nodejs, kubernetes
The Performance Inequality Gap, 2026 (sli)1,063
javascript, metrics
Unifying [Wikipedia’s] Mobile and Desktop Domains (kri/wik)1,062
refactoring, mobile, desktop, seo, user-experience, case-studies, link-lists
Effectively Monitoring Web Performance (sma)1,061
monitoring, tooling
10 Smart Performance Hacks for Faster Python Code (did/jet)1,060
python, techniques
Rust vs. Python: Finding the Right Balance Between Speed and Simplicity (jet)1,059
rust, python, simplicity, programming, comparisons
The Web Animation Performance Tier List (cit)1,058
animations, javascript, css, apis
Some Software Bloat Is OK1,057
quality, technical-debt
Real Performance Benchmarks of PHP 8.5 vs. PHP 8.3 and Node.js1,056
php, nodejs, comparisons
I Built the Same App 10 Times: Evaluating Frameworks for Mobile Performance (che)1,055
frameworks, mobile, comparisons, nextjs, tanstack, nuxt, angular, marko, solidjs, sveltekit, qwik, astro, htmx
Inlining Critical CSS: Does It Make Your Website Faster? (deb)1,054
css, lazy-loading
Weston Ruter on Unlocking WordPress Performance (wes+)1,053
podcasts, interviews, wordpress, link-lists
My Conclusions After Using Signed Exchanges on My Website for 2 Years (paw)1,052
signed-exchanges, security
Inside a 16.67 Millisecond Frame1,051
javascript, rendering, reflow, painting
The History of Core Web Vitals (add)1,050
web-vitals, user-experience, metrics, google, history
How to Optimize Viewport for Mobile for Faster Interactions (deb)1,049
how-tos, viewport, mobile, optimization, html
Are Your Retail Landing Pages Killing Conversions? (tam/spe)1,048
landing-pages, user-conversion, metrics
How to Minimize the Environmental Impact of Your Website (chu/sma)1,047
how-tos, sustainability, optimization
How Fast Do Websites Load From Google Search? Comparing Various Prefetching and On-Demand Load Methods (paw)1,046
google, web-vitals, signed-exchanges
15 Ways Your Website Loads From Google Search and How to Measure Each One (paw)1,045
google, search, speculation, signed-exchanges, amp
Advanced PostgreSQL Indexing: Multi-Key Queries and Performance Optimization (ada/fro)1,044
databases, postgresql, optimization
7 Top 2025 Web Design Trends1,043
design, trends, simplicity, dark-mode, accessibility, ai, content
A Complete Guide to HTTP Caching (jon)1,042
guides, http, caching
Partytown: Optimize Third Party Scripts With Web Workers (jac/deb)1,041
libraries, embed-code, web-workers, optimization
Should You Preload Fonts for Performance? (erw)1,040
preloading, fonts
Big O (sam)1,039
algorithms, programming
You’re Loading Fonts Wrong (and It’s Crippling Your Performance) (jon)1,038
fonts, css, image-replacement, flash-of-x, history
Is There an “AsyncLocalStorage” Penalty?1,037
nodejs, asynchronicity
Speeding Up the JavaScript Ecosystem—SemVer (mar)1,036
javascript, semver, versioning, dependencies
Mozilla Under Fire for Firefox AI “Bloat” That Blows Up CPU and Drains Battery (neo)1,035
firefox, mozilla, browsers, ai
The Hidden Cost of Context (mco/pla)1,034
nodejs, tracing, observability, opentelemetry
How We Made “JSON.stringify” More Than Twice as Fast1,033
javascript, json, strings, v8, javascript-engines, optimization
Skeleton Screens Are Just Gray Lies We Tell Ourselves (web)1,032
design, placeholders
Nobody Waits for Your Fancy Animations Anymore (and They Never Really Did) (web)1,031
animations, parallax, effects, user-experience, design
Making Sense of the Performance Extensibility API (css)1,030
profiling, apis
Instant Back/Forward Navigations in WordPress (wes)1,029
wordpress, plugins, bfcache
10 Java Performance Secrets Every Senior Developer Knows1,028
java, tips-and-tricks
Performant Vue Applications With Vapor (jac)1,027
vuejs
Why Quick Cache Implementation Creates More Problems Than It Solves: The Hidden Tech Debt Crisis1,026
caching, technical-debt, maintainability, architecture
Web Vital API (thi)1,025
videos, web-vitals, apis
We Migrated Our Site to Eleventy and Increased Performance by 24%1,024
migrating, nextjs, eleventy, comparisons
I’m More Proud of These 128 Kilobytes Than Anything I’ve Built Since1,023
case-studies, flash-of-x, svg, minification, optimization
Parsing 1 Billion Rows in Bun/TypeScript Under 10 Seconds1,022
bun, typescript, parsing
How to Communicate Performance to Clients as an Agency (a Practical Guide) (jor)1,021
guides, business-relations, communication
Fear May Be the Mind-Killer, but Unindexed Database Queries Are the Database-Killer1,020
databases
CLS Is the New Page Speed: Why Designers Need to Care More Than Developers (web)1,019
web-vitals, design, user-experience
Serialization From Node.js1,018
nodejs, comparisons, metrics, libraries
8 Reasons Your Next.js App Is Slow—and How to Fix Them (log)1,017
how-tos, nextjs, react
JavaScript Broke the Web (and Called It Progress) (jon)1,016
javascript, user-experience, tooling, tech-stacks, history
Performance and Stress Testing in Node.js (app)1,015
nodejs, testing, tooling
7 Signs of a Bad User Experience and Best Practices to Avoid It1,014
user-experience, best-practices, information-architecture, mobile-first, simplicity, accessibility, testing, consistency
Inclusive Development Practices in Next.js Projects (web/deq)1,013
accessibility, nextjs, semantics, keyboard-navigation, aria, alt-text, localization, tooling
Felix Arntz on How Speculative Loading Is Speeding Up Your WordPress Website (fel+)1,012
podcasts, interviews, wordpress, speculation
Optimizing Time to First Byte (TTFB): 5 Key Strategies for Faster Load Times (des)1,011
guest-posts, optimization, content-delivery, http, caching, dns
Why WordPress Scalability Starts With Smart Site Structure From Day One1,010
wordpress, scalability, hosting
How to Build Scalable Web Apps With React JS1,009
how-tos, web-apps, scalability
Performance Debugging in DevTools (pau/dev)1,008
videos, debugging, dev-tools, browsers, chrome, google
6 Ways Slack, Notion, and VS Code Improved Electron App Performance1,007
electron, case-studies, slack, vs-code
What Is Semantic Caching? (doe/the)1,006
ai, semantics, caching, concepts
Binary Formats Are Better Than JSON in Browsers1,005
json, libraries, comparisons, metrics
Why I’m Not Ready to Abandon JavaScript for “Faster” Languages1,004
javascript, rust, go, refactoring
5 Ways to Reduce HTML File Size on Your Website, Step 0 (j9t)1,003
html, optimization
Optimizing Node.js Performance: V8 Memory Management and GC Tuning (mco/pla)1,002
nodejs, optimization, v8, javascript-engines, javascript, memory, garbage-collection
The Best CSS One-Liner to Improve Performance in 20251,001
css
Advanced React in the Wild (add)1,000
react, nextjs, case-studies
Why You Need to Know Your Site’s Performance Plateau (and How to Find It) (tam/spe)999
metrics, concepts
14 Web Performance Tips for 2025 (sia)998
web-vitals, culture, tips-and-tricks
5 Ways to Reduce HTML File Size on Your Website (deb)997
html, minification, compression, optimization
Teaching Code in the AI Era: Why Fundamentals Still Matter (ali)996
training, ai, programming, vibe-coding, security, scalability, quality, testing, documentation
How Does Chrome Prioritize Image Requests? (deb)995
chrome, google, browsers, images
Is Vite Faster Than Turbopack?994
nextjs, webpack, vite, rollup, rolldown, bundling, comparisons
Downtime vs. Slowtime: Which Costs You More? (tam/spe)993
economics, branding
Page Speed: Avoid Large Base64 Data URLs in HTML and CSS (deb)992
html, css, data-urls, compression, base64
How to Fix Largest Contentful Paint Issues With Subpart Analysis (sma)991
how-tos, web-vitals, metrics
Everything I Was Lied to About Node.js Came True With Elixir990
nodejs, concurrency, memory
JavaScript (htt)989
web-almanac, studies, research, metrics, javascript, bundling, transpiling, web-workers, libraries, web-components
Other Causes of Signed Exchanges Errors (paw)988
signed-exchanges, errors, debugging, cloudflare, google
UX Analytics: How to Measure Your User Experience the Right Way (uxm)987
how-tos, user-experience, metrics, accessibility, tooling
Leverage on Redux to Execute Your Tests 100× Times Faster986
react, redux, testing, examples
Advanced Network Analysis With Chrome DevTools (jec/dev)985
videos, dev-tools, chrome, google, browsers, network, caching
Justified Text, JS “moveBefore” Method, Performance Optimization (zor/css)984
videos, css, typography, javascript, optimization
Turbocharging V8 With Mutable Heap Numbers983
v8, javascript-engines, javascript, randomness
Speeding Up the JavaScript Ecosystem—Rust and JavaScript Plugins (mar)982
javascript, rust, plugins
Top Benefits of Choosing Node.js for High-Performance Applications981
nodejs, native
Demystifying MIME Types: Basics, Use Cases, Best Practices (mar)980
guest-posts, mime-types, fundamentals, best-practices, servers, apache, nginx, email
Static vs. Dynamic Content: Which Should Developers Favor? (the)979
content, client-side-rendering, server-side-rendering, frameworks, comparisons
10 Common Web Development Mistakes to Avoid Right Now978
mistakes, mobile, accessibility, seo, navigation, security, analytics, testing
Top 5 Uses of WebAssembly for Web Developers (the)977
webassembly, migrating, ecommerce, dev-tools
Does WebPerf Matter to Your SEO Ranking? (tod/per)976
videos, seo, keywords
How to Improve Webpage Speed: Tips and Best Practices975
how-tos, optimization, tips-and-tricks, best-practices, redirecting, fonts, images, testing, tooling, webpagetest
Time to First Byte: Beyond Server Response Time (sma)974
optimization, redirecting, content-delivery
Optimizing Images for Web Performance (tod/fro)973
images, optimization, jpeg, png, webp, avif, html, caching
Think JavaScript Is Slow? Here’s How JIT (Just in Time) Compilation Makes It 100× Faster Instantly972
javascript, compiling
Preload Fonts on Your Website for Better Core Web Vitals (deb)971
preloading, fonts, hints, web-vitals
View Transitions Applied: More Performant “::view-transition-group(*)” Animations (bra)970
css, javascript, view-transitions
Optimizing the Critical Rendering Path (deb)969
optimization
Fast and Smooth Third-Party Web Fonts (sco)968
fonts, embed-code, css, javascript
There Are a Lot of Ways to Break Up Long Tasks in JavaScript (mac)967
javascript, web-workers
Page Bloat Update: How Does Ever-Increasing Page Size Affect Your Business and Your Users? (tam/spe)966
trends, metrics, javascript, images, desktop, mobile
React.js vs. Next.js (bhu)965
react, nextjs, comparisons
The Speed Trifecta: 11ty, Brotli 11, and CSS Fingerprinting (the)964
eleventy, brotli, compression, fingerprinting, caching, cloudflare
Initial Load Performance for React Developers: Investigative Deep Dive (ade)963
deep-dives, react, web-vitals, metrics
Simplify Lazy Loading With Intersection Observer’s “scrollMargin” (fro)962
scrolling, apis, javascript, lazy-loading
Moving on From React, a Year Later (kel)961
migrating, react, stimulus
How Fingerprinting Can Improve Your Website’s Performance960
caching, fingerprinting, optimization
You Might Not Have a Web Performance Problem (deb)959
web-vitals, lighthouse, google, seo, link-lists
Prefetching Subresources With Signed Exchanges (paw)958
caching, hints, signed-exchanges, optimization
CDN-First Is No Longer a Performance Feature (osv)957
content-delivery, caching, embed-code, privacy, security
JavaScript Hashing Speed Comparison: MD5 Versus SHA-256 (lem)956
javascript, hashing, comparisons, bun, nodejs
10 Backend Terms Every Frontend Developer Should Know955
terminology, concepts, architecture
Tight Mode: Why Browsers Produce Different Performance Results (geo/sma)954
browsers, chrome, google, safari, apple, comparisons
1-Billion Row Challenge With Node.js953
nodejs
Double-Keyed Caching: How Browser Cache Partitioning Changed the Web (add)952
browsers, caching, dependencies, network, content-delivery
Reckoning: Frontend’s Lost Decade (sli)951
videos, javascript, web-platform
JavaScript Frameworks—Heading Into 2025 (rya/thi)950
javascript, frameworks, complexity, maintainability
The Secret to Building Highly Responsive Systems949
videos, architecture, software-design, scalability
Refactoring a Web Performance Snippet for Security and Best Practice (the)948
javascript, metrics, refactoring
Designing Websites for Bad Performance947
caching, web-workers, hints, optimization
Fabulous Font-Face Fallbacks (sto)946
css, fonts, typography
Breaking Up With Long Tasks or: How I Learned to Group Loops and Wield the Yield (rvi)945
javascript, loops
Page Weight (dws+/htt)944
web-almanac, studies, research, metrics, storage, web-vitals
Using DevTools to Validate Web Performance Improvements (nuc)943
dev-tools, browsers, chrome, google
The Must-Have SEO Checklist for Developers for 2025942
seo, checklists, metadata, urls
Boost Website Speed With Prefetching and the Speculation Rules API (sch/mat)941
hints, speculation, apis
My Favorite Web Performance Graphs of the Year (fab)940
metrics, visualization
Don’t Let Your Redesign Ruin Performance: A Case Study (mac)939
redesigning, case-studies
Correlation or Causation: How Web Performance Proves Its Value938
testing, metrics
Preloading Fonts for Web Performance With “link rel=preload” (acc/mat)937
preloading, fonts, html, hints
The Curious (Performance) Case of CSS “@ import” (erw)936
css, history
JavaScript Benchmarking Is a Mess935
javascript
Build Your Own Site Speed Testing Tool With Puppeteer934
testing, puppeteer
Important Topics for Frontend Developers to Master in 2025933
learning, javascript, typescript, css, frameworks, git, apis, testing, security, ci-cd, websockets
Unattributed Navigation Overhead (UNO) (tim)932
metrics
Data-Driven SEO and Web Performance (tod)931
seo, web-vitals
Detecting Web Performance Regressions Using Statistical Tools (pet)930
regressions, tooling
Speculative Loading and the Speculation Rules API (qcn)929
speculation, apis
When Users Interact (blu)928
user-experience, metrics, link-lists
Creating Shared Ownership for Web Performance From a Cryptic CSS Values927
web-vitals, monitoring, css
Towards Measuring INP on All Browsers and Devices (iva)926
web-vitals, browsers
Your JavaScript Bundle Is Too Fat925
javascript, bundling, dependencies, code-splitting, lazy-loading, tree-shaking, minification, optimization
State of Node.js Performance 2024 (raf/nod)924
nodejs, metrics
Simple Web Performance Mentoring923
monitoring, web-vitals, tooling, webpagetest
Putting Performance in Relatable Terms (eth)922
communication
Your Website Is a Restaurant (boo)921
web-platform
The Evolution of Instant Web: What It Means for Performance Tooling920
tooling, web-vitals
How Does the React Compiler Perform on Real Code (ade)919
react, compiling, rendering, memoization
What a Web Performance Engineer Needs to Know About Cloud Cost Savings918
cloud-computing, economics, efficiency
A Layered Approach to Speculation Rules (css)917
speculation
Goodhart’s Law in Action: 3 Webperf Examples (nom)916
principles, lighthouse, web-vitals, metrics, google, examples
If Not React, Then What? (sli)915
frameworks, client-side-rendering, react, user-experience
8 PHP Performance Tips Every Developer Should Know914
php, tips-and-tricks, conditionals, caching
Preloading Responsive Images (tre)913
images, html, hints, preloading
Faster TypeScript Compilation (ash/blo)912
videos, typescript, compiling
Optimizing JavaScript Engine Performance (goo/blo)911
videos, javascript-engines, optimization
Designing (and Evolving) a New Web Performance Score (css)910
metrics
From Gatsby to Eleventy (mat)909
migrating, gatsby, eleventy, webc
How Browsers Really Load Web Pages (pro/wel)908
videos, browsers, rendering, parsing, http
How to Use Lighthouse Wisely in Your Front-End Projects (des)907
guest-posts, how-tos, lighthouse, google, accessibility, seo, best-practices
Addressing Users’ Painpoints: Best Practices for Identifying and Solving UX Design Problems (uxm)906
user-experience, design, legibility, responsive-design
Why Responsive Design Is Failing Modern Users (web)905
responsive-design, usability, accessibility
Learn Big O Notation Once and for All904
algorithms, complexity
How to Optimize Performance in Vue Apps (deb)903
how-tos, vuejs, optimization
Performance (htt)902
web-almanac, studies, research, metrics
Mastering Interaction to Next Paint (INP) (tod/fro)901
web-vitals
Why Optimizing Your Lighthouse Score Is Not Enough for a Fast Website (geo/sma)900
optimization, lighthouse, google, web-vitals
How to Optimize React Performance: Best Practices and Techniques899
how-tos, optimization, react, best-practices, techniques
Using Cache Control in Nuxt to Improve Performance898
nuxt, caching
The Evolution of Google Web Vitals: What to Expect Beyond Core Web Vitals897
web-vitals, google, history, outlooks
The Most Effective Ways to Improve Core Web Vitals (dev)896
optimization, web-vitals
The Image Compression Challenge (Donating Money for Excess-Free Projects) (j9t)895
images, compression, tooling
How to Speed Up Your Vue App With Server Side Rendering (deb)894
how-tos, vuejs, server-side-rendering, incremental-static-regeneration
Visualize a Webpage’s Memory Usage During a Performance Recording (pat/dev)893
dev-tools, browsers, chrome, google, edge, microsoft, memory, profiling
How Is This Website So Fast!? (wes)892
videos, case-studies
Platform Strategy and Its Discontents (sli)891
web-platform, javascript, mobile, mobile-first, native, user-experience
The Greatness and Limitations of the “js-framework-benchmark” (nol)890
javascript, frameworks, tooling, metrics
How Effective UX Design Can Boost Business Success (uxm)889
user-experience, design, economics, user-conversion, mobile, navigation
Node vs. Bun: No Backend Performance Difference888
nodejs, bun, comparisons, metrics
Benchmarking the Performance of CSS “@ property” (bra/dev)887
css
I Wasted a Day on CSS Selector Performance to Make a Website Load 2 ms Faster (try)886
css, selectors
“img sizes=auto” for Native Lazy Loading (ste)885
code-pens, html, images, lazy-loading
Improving Rendering Performance With CSS “content-visibility” (nol)884
css, rendering, optimization
Why We Switched From Cypress to Playwright883
cypress, playwright, comparisons, tooling, testing
Optimising for High Latency Environments (css)882
optimization, content-delivery, http, caching
Five Ways to Lazy Load Images for Better Website Performance881
lazy-loading, tooling
Speed Up Your Website With “<link rel=preconnect>” (tre)880
hints
Chrome Ends Support for First Input Delay (rvi/dev)879
browsers, google, chrome, web-vitals, support
Skeleton Screens vs. Progress Bars vs. Spinners (nng)878
videos, user-experience, placeholders, progress-indicators
Lazy Loading Isn’t Just Lazy, It’s Late: The Web Deserves Faster877
lazy-loading, web-vitals, angular, single-page-apps
An SSR Performance Showdown (mco)876
server-side-rendering, vuejs, svelte, solidjs, preact, react, comparisons
Faster Pages With React875
react
The Ultimate Guide to Font Performance Optimization (deb)874
guides, fonts, optimization
The Two Lines of CSS That Tanked Performance (120 FPS to 40 FPS) (and)873
css, animations
5 Wasm Use Cases for Frontend Development (des)872
guest-posts, webassembly, security
Common Misconceptions About How to Optimize LCP (dev)871
web-vitals, metrics, optimization
How to Make Your Web Page Faster Before It Even Loads (whi/sen)870
how-tos, web-vitals
Cache Grab: How Much Are You Leaving on the Table? (css)869
caching
Reckoning: The Way Out (sli)868
javascript, metrics, hiring
Brand New Performance Features in Chrome DevTools (deb)867
browsers, google, chrome, dev-tools, web-vitals
5 Questions for Tammy Everts (tam+/fro)866
interviews, metrics, user-experience, economics
“blocking=render”: Why Would You Do That?! (css)865
html, rendering
Reckoning: Caprock (sli)864
javascript
Reckoning: Object Lesson (sli)863
javascript, metrics
Reckoning: The Landscape (sli)862
javascript, metrics, mobile
Is CSS Grid Really Slower Than Flexbox? (ben)861
css, grids, flexbox, layout
Who Is the Fastest? Node.js, Bun.js, or Deno.js (tre)860
javascript, runtimes, nodejs, bun, deno, comparisons
Flexible Network Data Preloading in Large SPAs859
single-page-apps, client-side-rendering, data-fetching, preloading
Benchmarking AWS Lambda Cold Starts Across JavaScript Runtimes (den)858
deno, aws, serverless, lambda, javascript, runtimes, comparisons
What to Expect When You’re Optimizing (tka)857
optimization
Why Is Spawning a New Process in Node So Slow? (val)856
nodejs, comparisons
15 Page Speed Optimizations That Sites Ignore (at Their Own Risk) (tam/spe)855
optimization
How Fast Is JavaScript? Simulating 20,000,000 Particles854
javascript
Speeding Up the JavaScript Ecosystem—Isolated Declarations (mar)853
javascript, typescript
YouTube Embeds Are Bananas Heavy and It’s Fixable (chr/fro)852
embed-code, youtube, tooling
Do Grayscale Images Take Less Space?851
images, colors
Enhancing The New York Times Web Performance With React 18850
react, case-studies
Advanced JavaScript Performance Optimization: Techniques and Patterns849
javascript, optimization, techniques, software-design-patterns
Performance Mistakes You Might Not Realize You Are Making848
videos, mistakes, angular
Bun Is Much Faster Than Node.js 22 at Decoding Base64 Inputs (lem)847
bun, nodejs, base64, comparisons
Writing a WordPress Theme in Less Than 4 KB846
wordpress, theming, minimalism
How React 19 (Almost) Made the Internet Slower (cod)845
react
Blazing Fast Websites With Speculation Rules (deb)844
speculation
Highlight Areas That the Browser Engine Re-Paints (pat/dev)843
debugging, painting, browser-engines, browsers, google, chrome, microsoft, edge, apple, safari
How to Hack Your Google Lighthouse Scores in 2024 (whi/sma)842
how-tos, google, lighthouse
Investigating INP Issues (ste)841
web-vitals, debugging
Find Slow Interactions in the Field (mal/dev)840
apis
Using Critical CSS for Faster Rendering (spe)839
css, rendering
Analyze CSS Selector Performance During Recalculate Style Events (dev)838
browsers, google, chrome, dev-tools, selectors, css
How Deep Is Your DOM? (max)837
dom, lighthouse, google
Semantic Code in HTML: What Is It and Does It Still Matter? (boa)836
html, semantics, accessibility, seo, maintainability
Engineering for Slow Internet835
user-experience
Responsive Video Works Now—These Features Could Make It Work Better (sco)834
multimedia, responsive-design, html
Lazy Load Components in Nuxt to Improve Performance833
nuxt, lazy-loading, components
Node.js Performance Hooks: Mastering the Mental Model (pav)832
nodejs, hooks
Speeding Up File Load Times, One Page at a Time (fig)831
figma
“<style>”: Inline Optimizations for the Bold (mor)830
html, css, optimization
Comprehensive Guide to JavaScript Performance Analysis Using Chrome DevTools829
guides, javascript, debugging, browsers, google, chrome, dev-tools
New Field Insights for Debugging INP (mal/dev)828
videos, web-vitals
From Fast Loading to Instant Loading (tun/dev)827
videos, apis
Prefetching When Server Loading Won’t Do (ada/fro)826
client-side-rendering, server-side-rendering, streaming
WebAssembly Performance Patterns for Web Apps (tom)825
webassembly, web-apps
Optimizing INP: A Deep Dive (dev)824
videos, debugging, web-vitals, optimization, browsers, google, chrome, dev-tools, deep-dives
Ruby Might Be Faster Than You Think (joh)823
ruby
Why Don’t We Talk About Minifying CSS Anymore? (whi/sen)822
css, minification
Hello Bun: How Sveld Now Deploys 2× Faster on GitHub and Render821
bun, deploying, case-studies
Latency Numbers Every Frontend Developer Should Know (ind)820
metrics, terminology
Node.js Task Runner819
nodejs
Using “@ defer” Defer Views in Angular 17818
angular, lazy-loading
Five Ways Cookie Consent Managers Hurt Web Performance (and How to Fix Them) (cli/spe)817
cookies, consent-management
9 Signs Your Frontend Code Has Quality Issues That Affect Your Users (ang)816
quality, craft, accessibility, usability, user-experience, conformance
Monitoring BFCache Blocking Reasons (chr/mdn)815
bfcache, monitoring, debugging
Epic App Performance Starts With the Database814
videos, databases, optimization
Optimizing WebKit and Safari for Speedometer 3.0 (pat+/web)813
webkit, browsers, apple, safari, optimization
An Introduction to the Node.js Performance API (bet)812
introductions, nodejs, apis
Understanding Interaction to Next Paint (INP) (wil/fro)811
web-vitals
Faster Websites With the “picture” Element (fra)810
html, images
BFCache Explained809
bfcache, browsers
How-To: 5 Steps to Detect Invalid HTML Breaking Your [Site’s Performance] (erw)808
how-tos, html, conformance
How I Fixed My Brutal TTFB (whi/sen)807
metrics, optimization
How Invalid HTML Elements Impact Web Performance (erw)806
html, conformance
Profile Node.js Performance With the Performance Panel (jec+/dev)805
nodejs, debugging, browsers, google, chrome, dev-tools
Don’t Get Scammed by Fake Performance Experts and Apps804
tooling
This Pattern Will Wreck Your React App’s TS Performance (mat)803
design-patterns, react, typescript
Time to Ditch Analytics? Tracking Scripts and Web Sustainability (mic)802
embed-code, google, analytics, sustainability, compliance
How Web Bloat Impacts Users With Slow Devices801
metrics, comparisons, web
Migrating Away From Jest and Achieving Over 90% Reduction in Running Time (pat)800
migrating, jest, testing, memory
How to Optimize Cumulative Layout Shift (CLS) on Shopify Sites (sia)799
how-tos, web-vitals, optimization, shopify
Performance Tooling in 2024 and Beyond (dev)798
tooling, browsers, dev-tools, lighthouse, google
HTML Performance Optimization: Tips for Faster Loading Pages797
html, landing-pages, optimization, tips-and-tricks
Interaction to Next Paint Is Officially a Core Web Vital (rvi/dev)796
web-vitals
Announcing Speedometer 3.0: A Shared Browser Benchmark for Web Application Responsiveness795
tooling, metrics
Have You Optimized for INP?794
web-vitals, optimization
What Is INP and Why You Should Care (whi/sen)793
web-vitals, monitoring
AVIF Is the Future of Web Images792
images, avif, outlooks
When We Talk About Front-End Performance, What Are We Talking About791
metrics, web-vitals, lighthouse, google
How to Lazy-Load CodePen and CanIUse Embeds790
how-tos, embed-code, codepen, caniuse
Reporting Core Web Vitals With the Performance API (geo/sma)789
apis, web-vitals
What Is a Single-Page Application? (hey)788
single-page-apps, javascript, user-experience
JavaScript Bloat in 2024 (nik)787
javascript
How to Optimize the Web for the Worst User Conditions?786
how-tos, user-experience, responsive-design, optimization
The One Trick Every Flutter Web Dev Needs to Know785
tips-and-tricks, flutter
What Is Lighthouse Speed Index (SI) and How to Reduce It784
metrics, lighthouse, google
The Importance of Web Performance to Information Equity (sch/fos)783
videos, accessibility
Making Your SVG Icons CSS Masks Instead of Inline HTML or Backgrounds Has Some Benefits (chr/fro)782
images, svg, css, masking
Interaction to Next Paint Becomes a Core Web Vital on March 12 (mal+/dev)781
web-vitals, metrics
The Psychology of Site Speed and Human Happiness (tam/spe)780
usability
LCP and FCP on Single Page Application on Soft Navigations (dws)779
web-vitals, single-page-apps, navigation
Progressive JPEGs (PJPEG): The Key to Loading Images Faster on Your Website778
pjpeg, jpeg, images, comparisons
Why Do Reflows Negatively Affect Performance? (fro)777
reflow
How Core Web Vitals Affect SEO (ind)776
web-vitals, lighthouse, google, seo
Guide to Fast Next.js775
guides, nextjs, optimization, server-side-rendering, lazy-loading
Optimizing SQL Queries by 23×774
databases, sql, optimization
The Evolution of Page Speed (deb)773
videos, metrics, optimization, history
JS Perf Wins and New Node.js Features With Yagiz Nizipli (wes+/syn)772
podcasts, javascript, nodejs, optimization
Node.js Mastery: Advanced Development and Performance Tips771
nodejs, servers, express, testing, memory
React Is Slow, What to Do Now?770
react
Measuring, Monitoring, and Optimizing TTFB With Server Timing769
monitoring, optimization, apis, time
The State of Benchmarking in Node.js768
nodejs, metrics
Debugging Fetch Priority (jec+/dev)767
videos, debugging, web-vitals, apis
The Golden Rule of Web Performance and Different Performance Engineering Specializations766
principles
10 Ways to Speed Up JavaScript Loading765
javascript, lazy-loading, minification, bundling, code-splitting, tree-shaking, modules, content-delivery, caching, compression, auditing
RLI (Recently Logged-In) Browser Cache Bypassing (tim)764
caching, optimization
A Checklist for CLS Scenarios763
checklists, web-vitals
How We Reduced CSS Size and Improved Performance Across GOV.UK762
case-studies, css, optimization
Who Stole My Largest Contentful Paint?761
web-vitals, optimization
Getting Started With Web Performance (acc/mat)760
introductions, web-vitals, testing
Ten Optimisation Tips for an Initial Web Performance Audit (acc)759
tips-and-tricks, optimization, auditing
Improve App Performance With Angular 17 “defer”758
videos, angular, optimization
How I Brought LCP Down to Under 350 ms for Google-Referred Users on My Website (paw)757
web-vitals, optimization, case-studies
Preparing for Interaction to Next Paint, a New Web Core Vital (geo/sma)756
web-vitals, optimization
React Performance Optimization755
react, optimization
An Informed Pre-Caching Strategy for Large Sites754
strategies, caching
Testing the Performance of Social Media Embeds (mic)753
testing, embed-code, social-media
Fastest Way of Passing State to JavaScript, Re-Visited (kur)752
javascript, state-management
Debugging BFCache, Make Your Page Load Instantly (jec+/dev)751
videos, bfcache, browsers, google, chrome, dev-tools, debugging
Measure LCP Sub-Parts to Improve Largest Contentful Paint (deb)750
web-vitals, metrics
Kicking the Excessive JavaScript Habit (mic)749
javascript, developer-experience, user-experience
Resource Loading at the Cutting Edge748
videos
Psychology of Speed: A Guide to Perceived Performance (fox/cal)747
guides, user-experience
The Unbearable Weight of Massive JavaScript (rya)746
videos, javascript, frameworks
URL Parser Performance (bag)745
urls, parsing
Optimizing Frontend Performance: Mastering Memoization, Throttling, and Debouncing744
optimization, memoization, throttling, debouncing
A Faster Web in 2024 (rvi)743
web-vitals, metrics, web
Using CSS “content-visibility” to Boost Your Rendering Performance (log)742
css, rendering
How Core Web Vitals Saved Users 10,000 Years of Waiting for Web Pages to Load (add+/dev)741
google, user-experience, metrics
Why We Need a “Green” Perf Metric (scr)740
videos, sustainability, metrics
Performance in React and Next.js739
videos, react, nextjs
Learn Performance (kev+/dev)738
courses
Speeding Up the JavaScript Ecosystem—Tailwind CSS (mar)737
javascript, tailwind
Answering Common Questions About Interpreting Page Speed Reports (geo/sma)736
optimization
20 Effective Tips to Speed Up Your Drupal Website735
drupal, tips-and-tricks, optimization
Effective Strategies for Optimizing Performance734
strategies, optimization
Liquid vs. Headless: A Look at Real User Web Performance (sia)733
shopify, headless, metrics, comparisons
Performance Optimization With Worker Threads Node.js732
optimization, nodejs, worker-threads
Tailwind vs. Semantic CSS731
tailwind, css, html, semantics, comparisons
Solid.js Creator Outlines Options to Reduce JavaScript Code (low/the)730
javascript
The Three Cs: Concatenate, Compress, Cache (css)729
compression, caching
Back/Forward Cache (phi+/dev)728
bfcache, browsers, chrome, google
Speeding Up the JavaScript Ecosystem—the Barrel File Debacle (mar)727
javascript, architecture
The Hidden Performance Cost of Node.js and GraphQL726
nodejs, graphql
The Ultimate Low-Quality Image Placeholder Technique (css)725
images, web-vitals
Optimizing Web Fonts724
fonts, css, optimization
Speeding Up the JavaScript Ecosystem—Polyfills Gone Rogue (mar)723
javascript, polyfills
The Psychology of Web Performance (tam/btc)722
videos, user-experience, history
Experimenting With Measuring Soft Navigations (tun/dev)721
web-vitals, navigation, experiments, metrics
Get All That Network Activity Under Control With Priority Hints (mac)720
network, hints
Sustainability and Tech and Us (j9t)719
sustainability, minimalism, principles
I Think I Kind of Hate Lazy Loading (ede)718
lazy-loading
Stop Lazy Loading Product and Hero Images (gri/clo)717
lazy-loading, images
Why Do I Have Layout Shift? (una+/dev)716
videos, web-vitals
Benchmarks [for 24 CSV Parsing Approaches]715
csv, parsing, comparisons
Five Optimization and Performance Tools That Enhance Website User Experience714
user-experience, optimization, tooling, link-lists
Code Splitting in React: Optimize Performance by Splitting Your Code713
code-splitting, react, optimization
Debugging Speculation Rules (tun/dev)712
speculation, debugging
A Guide to Optimizing JavaScript Files711
guides, javascript, optimization, minification, compression
How Layout Position Impacts Three Big Web Performance Levers (sia)710
web-vitals
Google Tag Manager Performance: 9 Tips for Faster Site Speed709
google, tag-management, tips-and-tricks
A Guide to Single-Page Application Performance708
guides, single-page-apps, developer-experience, monitoring
How to Improve Performance of Your Database by Indexing Large Tables707
how-tos, databases, optimization
Optimizing Speed on ebay.com (add)706
optimization, web-vitals, case-studies
How We Optimized Performance to Serve a Global Audience (sma)705
case-studies, optimization
Speeding Up V8 Heap Snapshots (jda)704
javascript, javascript-engines, v8, memory
You Probably Don’t Need “http-equiv” Meta Tags (rvi)703
html, metadata, http
Core Web Vitals for Search Engine Optimisation: What Do We Need to Know? (css)702
web-vitals, seo
A Case Study on Scroll-Driven Animations Performance (dev)701
animations, scrolling, css, javascript
Preload vs. Early Hints vs. Fetch Priority700
videos, html, http, hints, comparisons, preloading
Loading and Progress Indicators (uxd)699
user-experience, design-patterns, progress-indicators
How to Prevent Unnecessary React Component Re-Rendering698
how-tos, react, client-side-rendering
Tree Shaking in JavaScript697
javascript, tree-shaking
Is Lighthouse a Misleading Performance Tool?696
google, lighthouse, web-vitals, tooling
What Is Page Bloat? And How Is It Hurting Your Business, Your Search Rank, and Your Users? (tam/spe)695
user-experience, user-conversion, metrics, economics
In Defence of “DOM­Content­Loaded” (css)694
javascript, dom
Comparing npm, Yarn, and pnpm Package Managers: Which One Is Right for Your Distributed Project to Handle High Loads?693
npm, yarn, pnpm, comparisons, best-practices
What Does the Image “decoding” Attribute Actually Do? (tun)692
html, attributes, images
Debugging INP (scr)691
videos, debugging, web-vitals
The Cost of JavaScript 2023 (add)690
videos, javascript
Too Much JavaScript? Why the Frontend Needs to Build Better (low/the)689
javascript, web-platform
Style Recalculation Secrets They Don’t Want You to Know (pat/css)688
videos, css, selectors
Before Your Next Frontend Pull Request, Use This Checklist (tra/evi)687
checklists, compression, dependencies, accessibility, legibility, naming
Reducing Complexity in Front End Development (mic)686
complexity, css, javascript
How to Detect Unnecessary Renderings of DOM Elements in Your Web App to Improve Performance685
how-tos, rendering, dom, debugging, angular
How Chrome Achieved High Scores on Three Browser Benchmarks (dev)684
browsers, google, chrome
Performance Is Not a Checklist (tka)683
user-experience
Watch Out for Layout Shifts With “ch” Units (pau/clo)682
css, units
Deploying AVIF for More Responsive Websites (dev)681
images, avif
Announcing INP as the Next Core Web Vital: What Shopify Stores Can Do Now (sia)680
web-vitals, shopify
Advancing Interaction to Next Paint (rvi+/dev)679
web-vitals
How to Optimize Web Responsiveness With Interaction to Next Paint (ann/dev)678
videos, how-tos, web-vitals
The 9 Most Effective Core Web Vitals Opportunities of 2023 (tun/dev)677
videos, web-vitals
Introducing INP to Core Web Vitals676
introductions, web-vitals, google, search, seo
Client-Side Rendering of HTML and Interactivity (mal/dev)675
html, client-side-rendering
Diagnose Slow Interactions in the Lab (mal/dev)674
web-vitals
Find Slow Interactions in the Field (mal/dev)673
web-vitals, auditing
How Large DOM Sizes Affect Interactivity, and What You Can Do About It (mal/dev)672
dom, html, optimization
Optimize Input Delay (mal/dev)671
web-vitals, optimization
Script Evaluation and Long Tasks (mal/dev)670
javascript, web-vitals
Pay Attention to Web Performance Metrics to Improve the UX (uxm)669
metrics, user-experience, web-vitals, optimization
5 Best Practices to Sustainably Improve Core Web Vitals (ben/cal)668
web-vitals, best-practices
Make Your Website Load Fast by Optimizing Request Priorities (deb)667
optimization, network
The Intersectionality of Web Performance (ada)666
sustainability, dei
A Complete Guide to Performance Budgets (spe)665
guides, performance-budgets, metrics
Load Websites Faster With Code Splitting664
code-splitting, react
CDNs: Speed Up Performance by Reducing Latency (aus)663
content-delivery
Practical Guide to Not Blocking the Event Loop662
guides, javascript, event-loop, events
Reducing the Cost of String Serialization in Node.js Core661
nodejs, strings
Frontend Web Performance Checklist660
checklists
Exploring the Potential of Web Workers for Multithreading on the Web (sma)659
web-workers, multithreading, javascript
Intro to Runtime Performance in the Chrome DevTools Performance Panel (ann/thi)658
videos, introductions, dev-tools, browsers, google, chrome
DevTools: A Better Way to Visualize Your JavaScript657
dev-tools, visualization, browsers, lighthouse, google, chrome, microsoft, edge
Serving Less Data to Users With the “prefers-reduced-data” Media Query (sea)656
css, media-queries, sustainability
Speeding Up the JavaScript Ecosystem—Draft-js Emoji Plugin (mar)655
javascript, plugins
Costly CSS Properties and How to Optimize Them654
css, optimization
Understanding CSS Preload and Other Resource Hints (log)653
css, hints, preloading
Load Balancing (sam)652
load-balancing, visualization, architecture
The Performance Golden Rule Revisited (tka)651
metrics
The Real Difference Between “useMemo” and “Memo” in React650
react, hooks, examples
Slow Start and Congestion Control (Browser Networking)649
protocols, tcp
10 Ways to Hide Elements in CSS (cra)648
hiding, css, accessibility
7 Tricks to Take the Performance of Your Website to the Moon647
minification, tree-shaking, tips-and-tricks
Flutter Performance Optimization Techniques and Best Practices646
flutter, optimization, best-practices
Defaulting on Single Page Applications (SPA) (zac)645
single-page-apps, javascript
Senior Engineering Strategies for Advanced React and TypeScript (tec)644
strategies, react, typescript, architecture, testing, accessibility, security, maintenance
The Ultimate Guide to Image Optimisation (fox/cal)643
guides, images, compression, optimization
Speeding Up the JavaScript Ecosystem—npm Scripts (mar)642
javascript, bundling, npm
2023 Web Framework Performance Report (ast)641
frameworks, astro, sveltekit, gatsby, remix, wordpress, nextjs, nuxt, comparisons
Client-Side JavaScript and React Criticism: What Comes Next? (mol)640
javascript, react, accessibility, resilience, progressive-enhancement
Optimising Large Contentful Paint (css/btc)639
videos, web-vitals, optimization
The JavaScript Site Generator Review, 2023 (zac)638
site-generators, comparisons, astro, eleventy, gatsby, nextjs, nuxt, remix, sveltekit
An Approach to Lazy Loading Custom Elements (css)637
web-components, lazy-loading
This Is Why Performance Matters (bel)636
javascript, user-experience
Caching at DEV635
case-studies, caching
What’s New in Lighthouse 10 (dev)634
release-notes, google, lighthouse
Speeding Up the JavaScript Ecosystem—ESLint (mar)633
javascript, eslint, linting
The Gotcha With Animating Custom Properties (bra)632
css, animations, custom-properties
Monitoring Node.js Performance (ano)631
nodejs, monitoring, tooling
Speed for Who? (bel)630
frameworks, developer-experience, user-experience
Optimal Images in HTML (ste/bui)629
html, images, backgrounds, optimization
Your Web Performance Is Too Reactive; It’s Time to Do More Than Put Out Fires (fox/cal)628
The Modern Way of Serving Images (kur)627
images, html
How to Review a Web Site (uxm)626
how-tos, user-experience, seo
Optimize Time to First Byte (mal/dev)625
optimization
The Truth About CSS Selector Performance (pat/mic)624
css, selectors
Why We Switched CDNs: How Google’s Core Web Vitals Led Us to Cloudflare Pages623
content-delivery, web-vitals, cloudflare
Optimizing the Image Element LCP (sma)622
web-vitals, images
Speeding Up the JavaScript Ecosystem—Module Resolution (mar)621
javascript, modules, esm, commonjs
Our Top Core Web Vitals Recommendations for 2023 (phi+/dev)620
web-vitals, best-practices
Why Not “document.write()”? (css)619
javascript
Why Web Performance Still Matters in 2023 (sia)618
Priority Hints and Optimizing LCP (kev)617
web-vitals, optimization, hints
Performance Culture Through the Looking-Glass616
videos, culture
The RUM Archive and Benford’s Law615
HTTP/3 Prioritization Demystified (pro)614
http, protocols
Signals: The Nitty-Gritty (web)613
javascript, signals
Bad Performance Is Bad Accessibility (bru)612
accessibility
Beating Latency on Scalemates.com (tim)611
optimization
The Performance Inequality Gap, 2023 (sli)610
javascript, metrics
Using Inline JavaScript Modules to Prevent CSS Blockage (sto)609
javascript, css
An HTML-First Mental Model (noa)608
html, dom
Get Off the Main Thread With an Inline Web Worker: An Example (sto)607
javascript, web-workers, examples
LCP(FE) (tim)606
web-vitals
Web Performance and Compression605
compression
Optimize Interaction to Next Paint (mal+/dev)604
optimization, web-vitals
Accessibility: The Land That “Time to Interactive” Forgot (tin)603
videos, accessibility
Adding Complementary Performance Data to Your Site (mat)602
apis
Reduce Image Sizes by Removing Metadata601
images, metadata, optimization
Fast Is Good, Instant Is Better (tun)600
caching
Prerender Pages in Chrome for Instant Page Navigations (tun/dev)599
browsers, google, chrome
7 Website Performance Metrics to Track for Better UX (cal)598
user-experience, metrics
Developing Faster JavaScript Apps: The Ultimate Guide to Web Workers (cra)597
guides, web-apps, web-workers, javascript
Speeding Up the JavaScript Ecosystem—One Library at a Time (mar)596
javascript, libraries
Lazy Loading Images in HTML (sim)595
html, lazy-loading
A Guide to Image Optimization on Jamstack Sites (daw/sma)594
guides, images, compression, optimization, tech-stacks, jamstack
Improving React Interaction Times by 4×593
react, optimization
Early Learnings for Early Hints at Shopify (sia)592
videos, case-studies, shopify, hints
Client-Side Routing Without the JavaScript (rya/thi)591
javascript, frameworks
6 Steps to Improve HTML Images for Users and Developers (aus)590
html, images, responsive-design
HTML and CSS Features, Tips for a 10× Faster Page Loading Speed589
html, css, tips-and-tricks
Is Turbopack Really 10× Faster Than Vite? (eva)588
tooling, bundling, vite
CSS Runtime Performance587
slides, css
A Beginner’s Guide to Chrome Tracing (nol)586
guides, browsers, google, chrome, tracing
Conditionally Adaptive CSS—Browser Behavior That Might Improve Your Performance (pep)585
css, responsive-design
Performance (rvi/htt)584
web-almanac, studies, research, metrics, web-vitals
How We Improved React Loading Times by 70% With Next.js583
react, nextjs, case-studies
Which Serverless Edge Platform Has the Fastest Git Deployments? (den)582
serverless, edge-computing, git, deploying
CDN (htt)581
web-almanac, studies, research, metrics, content-delivery, tooling
How to Animate CSS Box Shadows and Optimize Performance580
how-tos, css, animations, shadows
Speeding Up Async Snippets (css)579
javascript, asynchronicity
Sustainable Web Development Strategies Within an Organization (mic/sma)578
sustainability, optimization
SVG Sprites: Old-School, Modern, Unknown, and Forgotten (pep)577
svg, images, sprites
How to Optimize Resource Loading With the “fetchpriority” Attribute (deb)576
how-tos, html, optimization
Optimize Long Tasks (mal/dev)575
javascript, optimization
GIFs Without the .gif: The Most Performant Image and Video Options Right Now (oll/css)574
multimedia, images, gif, html