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 Additional TopicsDate#
Inside Turbopack: Building Faster by Building Less (she+)1,126
turbopack
CMS (htt)1,125
web-almanac, studies, research, metrics, content-management, tooling, wordpress, user-experience, web-vitals, lighthouse, apis
Ecommerce (htt)1,124
web-almanac, studies, research, metrics, ecommerce, tooling, web-vitals, lighthouse
Page Weight (bar+/htt)1,123
web-almanac, studies, research, metrics, web-vitals, lighthouse, google
CDN (htt)1,122
web-almanac, studies, research, metrics, content-delivery, http, http-headers, compression, tls, hints
Performance (25p+/htt)1,121
web-almanac, studies, research, metrics, web-vitals, hints, speculation
Mitigating Denial-of-Service Vulnerability From Unrecoverable Stack Space Exhaustion for React, Next.js, and APM Users (mco+/nod)1,120
nodejs, security, vulnerabilities, react, nextjs, tooling, monitoring
Death to Scroll Fade (dbu)1,119
scrolling, effects
Profiling With React Performance Tracks1,118
videos, react, profiling
Exploring React Performance (en-)1,117
videos, react
JavaScript’s “for…of” Loops Are Actually Fast1,116
javascript, loops
From Theory to Tiny: Implementing Compression Dictionaries (rya/per)1,115
compression, content-delivery
The Curious Case of the Shallow Session SPAs (sli/per)1,114
single-page-apps, javascript, frameworks, metrics
Teaching Agents About Performance Insights (web/per)1,113
ai
Chrome DevTools Features I Use All the Time (and Why You Should Too) (kee/per)1,112
dev-tools, chrome, google, browsers, accessibility, lighthouse, network, embed-code
Why Developers Are Ditching Frameworks for Vanilla JavaScript (the)1,111
frameworks, javascript, apis, micro-frontends, architecture
7 Steps of a Web Performance Journey (ser/per)1,110
processes
Third Parties and Single Points of Failure (pau/per)1,109
embed-code, metrics
Tips for Making the Performance Panel Less Overwhelming (duf/per)1,108
dev-tools, browsers, chrome, google, tips-and-tricks
Chrome DevTools for Debugging Web Performance (nuc/per)1,107
debugging, dev-tools, chrome, google, browsers
Revisiting HTML Streaming for Modern Web Performance (per)1,106
html, streaming
Chasing BFCache Navigations (per)1,105
bfcache, caching
TTFB Doesn’t Mean What You Think It Means (pro/per)1,104
concepts, http
Fixing the URL Params Performance Penalty (tun/per)1,103
urls, caching, http-headers, examples
Fixing TypeScript Performance Problems: A Case Study (vig)1,102
typescript, case-studies
Why Object of Arrays (SoA Pattern) Beat Interleaved Arrays: A JavaScript Performance Rabbit Hole1,101
javascript, arrays
Optimizing for 75% Is Fine—Optimizing for 90% Is Where It Gets Interesting (jor/per)1,100
web-vitals, optimization
Insights From 100 Site Speed Reviews in 2025 (per)1,099
retrospectives
Optimizing CLS for Infinite Scroll and Load More (ver/per)1,098
web-vitals, scrolling, optimization
A Short History of Performance Engineering (per)1,097
history
The Anatomy of LCP—a Deep Dive Into Sub-Parts (per)1,096
deep-dives, web-vitals, tooling
The Old Ways Are the Best: 100 Lighthouse, 0 ms TBT, 32 ms Queries (per)1,095
case-studies
Why We Should Stop Talking Performance Metrics to Business Leaders (san/per)1,094
metrics, communication, business-relations
Throttle Individual Network Requests (dev/dev)1,093
chrome, google, browsers, dev-tools
A Tale of Two Animations—the Compositor in the Skies (per)1,092
animations, css
How to Load CSS (Fast) (per)1,091
how-tos, css
Intro to Performance of React Server Components (ade/per)1,090
introductions, react, components, server-side-rendering
React 19.2: Further Advances INP Optimization (per)1,089
react, web-vitals, optimization
Making Complex Web Apps Faster (pat/mic)1,088
web-apps, apis, time, complexity
The Inconvenient Truth: How Web Performance Case Studies Undermine Our Relationship With Business (mac/per)1,087
metrics, economics
The Anatomy of a Web Performance Report (web/per)1,086
documentation, web-vitals, lighthouse
Web Performance 2025: The Shift From Optimization to Prediction (fab/per)1,085
optimization, retrospectives
2025 in Review: What’s New in Web Performance? (deb)1,084
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/per)1,083
canvas, javascript, images
Fast by Default (den/per)1,082
processes
Speculation Rules Improvements (tun/mat)1,081
speculation, apis
Exploring Large HTML Documents on the Web (per)1,080
html, metrics
Improve TTFB and UX With HTTP Streaming (mb2/per)1,079
user-experience, http, streaming, optimization
How Fast Can Browsers Process Base64 Data? (lem)1,078
encoding, base64, browsers, metrics, comparisons
CSS-in-JS: The Great Betrayal of Frontend Sanity (the)1,077
css-in-js, css, javascript, developer-experience
5 Reasons Why WCAG AA Compliance Does Not Mean Your Website Is Accessible (cra)1,076
accessibility, wcag, compliance, colors, readability, content, multimedia, quality
Saumya Majumder on How Cloudflare Outages Impact the Web and WordPress Performance Solutions (nat)1,075
podcasts, interviews, cloudflare, wordpress
93% Faster Next.js in (Your) Kubernetes (mco/pla)1,074
nextjs, nodejs, kubernetes
The Performance Inequality Gap, 2026 (sli)1,073
javascript, metrics
Unifying [Wikipedia’s] Mobile and Desktop Domains (kri/wik)1,072
refactoring, mobile, desktop, seo, user-experience, infrastructure, case-studies, link-lists
Effectively Monitoring Web Performance (sma)1,071
monitoring, tooling
10 Smart Performance Hacks for Faster Python Code (did/jet)1,070
python, techniques
Rust vs. Python: Finding the Right Balance Between Speed and Simplicity (jet)1,069
rust, python, simplicity, programming, comparisons
The Web Animation Performance Tier List (cit)1,068
animations, javascript, css, apis
Some Software Bloat Is OK1,067
quality, technical-debt
Real Performance Benchmarks of PHP 8.5 vs. PHP 8.3 and Node.js1,066
php, nodejs, comparisons
I Built the Same App 10 Times: Evaluating Frameworks for Mobile Performance (che)1,065
frameworks, mobile, comparisons, nextjs, tanstack, nuxt, angular, marko, solidjs, sveltekit, qwik, astro, htmx
Import JavaScript Like It’s 2026 (sto)1,064
javascript
Inlining Critical CSS: Does It Make Your Website Faster? (deb)1,063
css, lazy-loading
Weston Ruter on Unlocking WordPress Performance (wes+)1,062
podcasts, interviews, wordpress, link-lists
My Conclusions After Using Signed Exchanges on My Website for 2 Years (paw)1,061
signed-exchanges, security
Inside a 16.67 Millisecond Frame1,060
javascript, rendering, reflow, painting
The History of Core Web Vitals (add)1,059
web-vitals, user-experience, metrics, google, history
How to Optimize Viewport for Mobile for Faster Interactions (deb)1,058
how-tos, viewport, mobile, optimization, html
Are Your Retail Landing Pages Killing Conversions? (tam/spe)1,057
landing-pages, user-conversion, metrics
How to Minimize the Environmental Impact of Your Website (chu/sma)1,056
how-tos, sustainability, optimization
How Fast Do Websites Load From Google Search? Comparing Various Prefetching and On-Demand Load Methods (paw)1,055
google, web-vitals, signed-exchanges
15 Ways Your Website Loads From Google Search and How to Measure Each One (paw)1,054
google, search, speculation, signed-exchanges, amp
Advanced PostgreSQL Indexing: Multi-Key Queries and Performance Optimization (ada/fro)1,053
databases, postgresql, optimization
7 Top 2025 Web Design Trends1,052
design, trends, simplicity, dark-mode, accessibility, ai, content
A Complete Guide to HTTP Caching (jon)1,051
guides, http, caching
Should You Preload Fonts for Performance? (erw)1,050
preloading, fonts
Partytown: Optimize Third Party Scripts With Web Workers (jac/deb)1,049
libraries, embed-code, web-workers, optimization
Big O (sam)1,048
algorithms, programming
You’re Loading Fonts Wrong (and It’s Crippling Your Performance) (jon)1,047
fonts, css, image-replacement, flash-of-x, history
Is There an “AsyncLocalStorage” Penalty?1,046
nodejs, asynchronicity
Speeding Up the JavaScript Ecosystem—SemVer (mar)1,045
javascript, semver, versioning, dependencies
Mozilla Under Fire for Firefox AI “Bloat” That Blows Up CPU and Drains Battery (neo)1,044
firefox, mozilla, browsers, ai
The Hidden Cost of Context (mco/pla)1,043
nodejs, tracing, observability, opentelemetry
How We Made “JSON.stringify” More Than Twice as Fast1,042
javascript, json, strings, v8, javascript-engines, optimization
Skeleton Screens Are Just Gray Lies We Tell Ourselves (web)1,041
design, placeholders
Nobody Waits for Your Fancy Animations Anymore (and They Never Really Did) (web)1,040
animations, parallax, effects, user-experience, design
Making Sense of the Performance Extensibility API (css)1,039
profiling, apis
Instant Back/Forward Navigations in WordPress (wes)1,038
wordpress, plugins, bfcache
10 Java Performance Secrets Every Senior Developer Knows1,037
java, tips-and-tricks
Performant Vue Applications With Vapor (jac)1,036
vuejs
Why Quick Cache Implementation Creates More Problems Than It Solves: The Hidden Tech Debt Crisis1,035
caching, technical-debt, maintainability, architecture
Web Vital API (thi)1,034
videos, web-vitals, apis
We Migrated Our Site to Eleventy and Increased Performance by 24%1,033
migrating, nextjs, eleventy, comparisons
I’m More Proud of These 128 Kilobytes Than Anything I’ve Built Since1,032
case-studies, flash-of-x, svg, minification, optimization
Parsing 1 Billion Rows in Bun/TypeScript Under 10 Seconds1,031
bun, typescript, parsing
How to Communicate Performance to Clients as an Agency (a Practical Guide) (jor)1,030
guides, business-relations, communication
Fear May Be the Mind-Killer, but Unindexed Database Queries Are the Database-Killer1,029
databases
CLS Is the New Page Speed: Why Designers Need to Care More Than Developers (web)1,028
web-vitals, design, user-experience
Serialization From Node.js1,027
nodejs, comparisons, metrics, libraries
8 Reasons Your Next.js App Is Slow—and How to Fix Them (log)1,026
how-tos, nextjs, react
JavaScript Broke the Web (and Called It Progress) (jon)1,025
javascript, user-experience, tooling, tech-stacks, history
Performance and Stress Testing in Node.js (app)1,024
nodejs, testing, tooling
7 Signs of a Bad User Experience and Best Practices to Avoid It1,023
user-experience, best-practices, information-architecture, mobile-first, simplicity, accessibility, testing, consistency
Inclusive Development Practices in Next.js Projects (web/deq)1,022
accessibility, nextjs, semantics, keyboard-navigation, aria, alt-text, localization, axe
Felix Arntz on How Speculative Loading Is Speeding Up Your WordPress Website (fel+)1,021
podcasts, interviews, wordpress, speculation
Optimizing Time to First Byte (TTFB): 5 Key Strategies for Faster Load Times (ele/des)1,020
guest-posts, optimization, content-delivery, http, caching, dns
Why WordPress Scalability Starts With Smart Site Structure From Day One1,019
wordpress, scalability, hosting
How to Build Scalable Web Apps With React JS1,018
how-tos, web-apps, scalability
Performance Debugging in DevTools (pau/dev)1,017
videos, debugging, dev-tools, browsers, chrome, google
6 Ways Slack, Notion, and VS Code Improved Electron App Performance1,016
electron, case-studies, slack, vs-code
What Is Semantic Caching? (doe/the)1,015
ai, semantics, caching, concepts
Binary Formats Are Better Than JSON in Browsers1,014
json, libraries, comparisons, metrics
Why I’m Not Ready to Abandon JavaScript for “Faster” Languages1,013
javascript, rust, go, refactoring
5 Ways to Reduce HTML File Size on Your Website, Step 0 (j9t)1,012
html, optimization
Optimizing Node.js Performance: V8 Memory Management and GC Tuning (mco/pla)1,011
nodejs, optimization, v8, javascript-engines, javascript, memory, garbage-collection
The Best CSS One-Liner to Improve Performance in 20251,010
css
Advanced React in the Wild (add)1,009
react, nextjs, case-studies
Why You Need to Know Your Site’s Performance Plateau (and How to Find It) (tam/spe)1,008
metrics, concepts
14 Web Performance Tips for 2025 (sia)1,007
web-vitals, culture, tips-and-tricks
5 Ways to Reduce HTML File Size on Your Website (deb)1,006
html, minification, compression, optimization
Teaching Code in the AI Era: Why Fundamentals Still Matter (ali)1,005
training, ai, programming, vibe-coding, security, scalability, quality, testing, documentation
How Does Chrome Prioritize Image Requests? (deb)1,004
chrome, google, browsers, images
Is Vite Faster Than Turbopack?1,003
nextjs, webpack, turbopack, vite, rollup, rolldown, bundling, comparisons
Downtime vs. Slowtime: Which Costs You More? (tam/spe)1,002
economics, branding
Page Speed: Avoid Large Base64 Data URLs in HTML and CSS (deb)1,001
html, css, data-urls, compression, base64
How to Fix Largest Contentful Paint Issues With Subpart Analysis (sma)1,000
how-tos, web-vitals, metrics
Everything I Was Lied to About Node.js Came True With Elixir999
nodejs, concurrency, memory
JavaScript (htt)998
web-almanac, studies, research, metrics, javascript, bundling, transpiling, web-workers, libraries, web-components
Other Causes of Signed Exchanges Errors (paw)997
signed-exchanges, errors, debugging, cloudflare, google
UX Analytics: How to Measure Your User Experience the Right Way (uxm)996
how-tos, user-experience, metrics, accessibility, tooling
Leverage on Redux to Execute Your Tests 100× Times Faster995
react, redux, testing, examples
Advanced Network Analysis With Chrome DevTools (jec/dev)994
videos, dev-tools, chrome, google, browsers, network, caching
Justified Text, JS “moveBefore” Method, Performance Optimization (zor/css)993
videos, css, typography, javascript, optimization
Turbocharging V8 With Mutable Heap Numbers992
v8, javascript-engines, javascript, randomness
Speeding Up the JavaScript Ecosystem—Rust and JavaScript Plugins (mar)991
javascript, rust, plugins
Top Benefits of Choosing Node.js for High-Performance Applications990
nodejs, native
Demystifying MIME Types: Basics, Use Cases, Best Practices (mar)989
guest-posts, mime-types, fundamentals, best-practices, servers, apache, nginx, email
Static vs. Dynamic Content: Which Should Developers Favor? (the)988
content, client-side-rendering, server-side-rendering, frameworks, comparisons
10 Common Web Development Mistakes to Avoid Right Now987
mistakes, mobile, accessibility, seo, navigation, security, analytics, testing
Top 5 Uses of WebAssembly for Web Developers (the)986
webassembly, migrating, ecommerce, dev-tools
Does WebPerf Matter to Your SEO Ranking? (tod/per)985
videos, seo, keywords
How to Improve Webpage Speed: Tips and Best Practices984
how-tos, optimization, tips-and-tricks, best-practices, redirecting, fonts, images, testing, tooling, webpagetest
Time to First Byte: Beyond Server Response Time (sma)983
optimization, redirecting, content-delivery
Optimizing Images for Web Performance (tod/fro)982
images, optimization, jpeg, png, webp, avif, html, caching
Think JavaScript Is Slow? Here’s How JIT (Just in Time) Compilation Makes It 100× Faster Instantly981
javascript, compiling
Preload Fonts on Your Website for Better Core Web Vitals (deb)980
preloading, fonts, hints, web-vitals
View Transitions Applied: More Performant “::view-transition-group(*)” Animations (bra)979
css, javascript, view-transitions
Optimizing the Critical Rendering Path (deb)978
optimization
Fast and Smooth Third-Party Web Fonts (sco)977
fonts, embed-code, css, javascript
There Are a Lot of Ways to Break Up Long Tasks in JavaScript (mac)976
javascript, web-workers
Page Bloat Update: How Does Ever-Increasing Page Size Affect Your Business and Your Users? (tam/spe)975
trends, metrics, javascript, images, desktop, mobile
React.js vs. Next.js (bhu)974
react, nextjs, comparisons
The Speed Trifecta: 11ty, Brotli 11, and CSS Fingerprinting (the)973
eleventy, brotli, compression, fingerprinting, caching, cloudflare
Initial Load Performance for React Developers: Investigative Deep Dive (ade)972
deep-dives, react, web-vitals, metrics
Simplify Lazy Loading With Intersection Observer’s “scrollMargin” (fro)971
scrolling, apis, javascript, lazy-loading
Moving on From React, a Year Later (kel)970
migrating, react, stimulus
How Fingerprinting Can Improve Your Website’s Performance969
caching, fingerprinting, optimization
You Might Not Have a Web Performance Problem (deb)968
web-vitals, lighthouse, google, seo, link-lists
Prefetching Subresources With Signed Exchanges (paw)967
caching, hints, signed-exchanges, optimization
CDN-First Is No Longer a Performance Feature (osv)966
content-delivery, caching, embed-code, privacy, security
JavaScript Hashing Speed Comparison: MD5 Versus SHA-256 (lem)965
javascript, hashing, comparisons, bun, nodejs
10 Backend Terms Every Frontend Developer Should Know964
terminology, concepts, architecture
Tight Mode: Why Browsers Produce Different Performance Results (geo/sma)963
browsers, chrome, google, safari, apple, comparisons
1-Billion Row Challenge With Node.js962
nodejs
Double-Keyed Caching: How Browser Cache Partitioning Changed the Web (add)961
browsers, caching, dependencies, network, content-delivery
Reckoning: Frontend’s Lost Decade (sli)960
videos, javascript, web-platform
JavaScript Frameworks—Heading Into 2025 (rya/thi)959
javascript, frameworks, complexity, maintainability
The Secret to Building Highly Responsive Systems958
videos, architecture, software-design, scalability
Refactoring a Web Performance Snippet for Security and Best Practice (the)957
javascript, metrics, refactoring
Breaking Up With Long Tasks or: How I Learned to Group Loops and Wield the Yield (rvi/per)956
javascript, loops
Fabulous Font-Face Fallbacks (sto/per)955
css, fonts, typography
Designing Websites for Bad Performance (per)954
caching, web-workers, hints, optimization
Page Weight (dws+/htt)953
web-almanac, studies, research, metrics, storage, web-vitals
Using DevTools to Validate Web Performance Improvements (nuc/per)952
dev-tools, browsers, chrome, google
The Must-Have SEO Checklist for Developers for 2025951
seo, checklists, metadata, urls
Boost Website Speed With Prefetching and the Speculation Rules API (sch/mat)950
hints, speculation, apis
My Favorite Web Performance Graphs of the Year (fab/per)949
metrics, visualization
Don’t Let Your Redesign Ruin Performance: A Case Study (mac/per)948
redesigning, case-studies
Preloading Fonts for Web Performance With “link rel=preload” (acc/mat)947
preloading, fonts, html, hints
Correlation or Causation: How Web Performance Proves Its Value (per)946
testing, metrics
The Curious (Performance) Case of CSS “@ import” (erw/per)945
css, history
JavaScript Benchmarking Is a Mess944
javascript
Build Your Own Site Speed Testing Tool With Puppeteer (per)943
testing, puppeteer
Important Topics for Frontend Developers to Master in 2025942
learning, javascript, typescript, css, frameworks, git, apis, testing, security, ci-cd, websockets
Unattributed Navigation Overhead (UNO) (tim/per)941
metrics
Data-Driven SEO and Web Performance (tod/per)940
seo, web-vitals
Detecting Web Performance Regressions Using Statistical Tools (pet/per)939
regressions, tooling
Speculative Loading and the Speculation Rules API (qcn/per)938
speculation, apis
When Users Interact (blu/per)937
user-experience, metrics, link-lists
Creating Shared Ownership for Web Performance From a Cryptic CSS Values (per)936
web-vitals, monitoring, css
Towards Measuring INP on All Browsers and Devices (iva/per)935
web-vitals, browsers
Your JavaScript Bundle Is Too Fat934
javascript, bundling, dependencies, code-splitting, lazy-loading, tree-shaking, minification, optimization
State of Node.js Performance 2024 (raf/nod)933
nodejs, metrics
Simple Web Performance Mentoring (per)932
monitoring, web-vitals, tooling, webpagetest
Putting Performance in Relatable Terms (eth/per)931
communication
Your Website Is a Restaurant (boo/per)930
web-platform
The Evolution of Instant Web: What It Means for Performance Tooling (per)929
tooling, web-vitals
How Does the React Compiler Perform on Real Code (ade/per)928
react, compiling, rendering, memoization
What a Web Performance Engineer Needs to Know About Cloud Cost Savings (per)927
cloud-computing, economics, efficiency
A Layered Approach to Speculation Rules (css)926
speculation
Goodhart’s Law in Action: 3 Webperf Examples (nom/per)925
principles, lighthouse, web-vitals, metrics, google, examples
If Not React, Then What? (sli)924
frameworks, client-side-rendering, react, user-experience
8 PHP Performance Tips Every Developer Should Know923
php, tips-and-tricks, conditionals, caching
Preloading Responsive Images (tre)922
images, html, hints, preloading
Faster TypeScript Compilation (ash/blo)921
videos, typescript, compiling
Optimizing JavaScript Engine Performance (goo/blo)920
videos, javascript-engines, optimization
Designing (and Evolving) a New Web Performance Score (css)919
metrics
From Gatsby to Eleventy (mat)918
migrating, gatsby, eleventy, webc
How Browsers Really Load Web Pages (pro/wel)917
videos, browsers, rendering, parsing, http
How to Use Lighthouse Wisely in Your Front-End Projects (ele/des)916
guest-posts, how-tos, lighthouse, google, accessibility, seo, best-practices
Addressing Users’ Painpoints: Best Practices for Identifying and Solving UX Design Problems (uxm)915
user-experience, design, legibility, responsive-design
Why Responsive Design Is Failing Modern Users (web)914
responsive-design, usability, accessibility
Learn Big O Notation Once and for All913
algorithms, complexity
How to Optimize Performance in Vue Apps (deb)912
how-tos, vuejs, optimization
Performance (htt)911
web-almanac, studies, research, metrics
Mastering Interaction to Next Paint (INP) (tod/fro)910
web-vitals
Why Optimizing Your Lighthouse Score Is Not Enough for a Fast Website (geo/sma)909
optimization, lighthouse, google, web-vitals
How to Optimize React Performance: Best Practices and Techniques908
how-tos, optimization, react, best-practices, techniques
Using Cache Control in Nuxt to Improve Performance907
nuxt, caching
The Evolution of Google Web Vitals: What to Expect Beyond Core Web Vitals906
web-vitals, google, history, outlooks
The Most Effective Ways to Improve Core Web Vitals (dev)905
optimization, web-vitals
The Image Compression Challenge (Donating Money for Excess-Free Projects) (j9t)904
images, compression, tooling
How to Speed Up Your Vue App With Server Side Rendering (deb)903
how-tos, vuejs, server-side-rendering, incremental-static-regeneration
Visualize a Webpage’s Memory Usage During a Performance Recording (pat/dev)902
dev-tools, browsers, chrome, google, edge, microsoft, memory, profiling
How Is This Website So Fast!? (wes)901
videos, case-studies
Platform Strategy and Its Discontents (sli)900
web-platform, javascript, mobile, mobile-first, native, user-experience
The Greatness and Limitations of the “js-framework-benchmark” (nol)899
javascript, frameworks, tooling, metrics
How Effective UX Design Can Boost Business Success (uxm)898
user-experience, design, economics, user-conversion, mobile, navigation
Node vs. Bun: No Backend Performance Difference897
nodejs, bun, comparisons, metrics
Benchmarking the Performance of CSS “@ property” (bra/dev)896
css
I Wasted a Day on CSS Selector Performance to Make a Website Load 2 ms Faster (try)895
css, selectors
“img sizes=auto” for Native Lazy Loading (ste)894
code-pens, html, images, lazy-loading
Improving Rendering Performance With CSS “content-visibility” (nol)893
css, rendering, optimization
Why We Switched From Cypress to Playwright892
cypress, playwright, comparisons, tooling, testing
Optimising for High Latency Environments (css)891
optimization, content-delivery, http, caching
Five Ways to Lazy Load Images for Better Website Performance890
lazy-loading, tooling
Speed Up Your Website With “<link rel=preconnect>” (tre)889
hints
Chrome Ends Support for First Input Delay (rvi/dev)888
browsers, google, chrome, web-vitals, support
Skeleton Screens vs. Progress Bars vs. Spinners (nng)887
videos, user-experience, placeholders, progress-indicators
Lazy Loading Isn’t Just Lazy, It’s Late: The Web Deserves Faster886
lazy-loading, web-vitals, angular, single-page-apps
An SSR Performance Showdown (mco)885
server-side-rendering, vuejs, svelte, solidjs, preact, react, comparisons
Faster Pages With React884
react
The Ultimate Guide to Font Performance Optimization (deb)883
guides, fonts, optimization
The Two Lines of CSS That Tanked Performance (120 FPS to 40 FPS) (and)882
css, animations
5 Wasm Use Cases for Frontend Development (ele/des)881
guest-posts, webassembly, security
Common Misconceptions About How to Optimize LCP (dev)880
web-vitals, metrics, optimization
How to Make Your Web Page Faster Before It Even Loads (whi/sen)879
how-tos, web-vitals
Cache Grab: How Much Are You Leaving on the Table? (css)878
caching
Reckoning: The Way Out (sli)877
javascript, metrics, hiring
Brand New Performance Features in Chrome DevTools (deb)876
browsers, google, chrome, dev-tools, web-vitals
5 Questions for Tammy Everts (tam+/fro)875
interviews, metrics, user-experience, economics
“blocking=render”: Why Would You Do That?! (css)874
html, rendering
Reckoning: Caprock (sli)873
javascript
Reckoning: Object Lesson (sli)872
javascript, metrics
Reckoning: The Landscape (sli)871
javascript, metrics, mobile
Is CSS Grid Really Slower Than Flexbox? (ben)870
css, grids, flexbox, layout
Who Is the Fastest? Node.js, Bun.js, or Deno.js (tre)869
javascript, runtimes, nodejs, bun, deno, comparisons
Flexible Network Data Preloading in Large SPAs868
single-page-apps, client-side-rendering, data-fetching, preloading
Benchmarking AWS Lambda Cold Starts Across JavaScript Runtimes (den)867
deno, aws, serverless, lambda, javascript, runtimes, comparisons
What to Expect When You’re Optimizing (tka)866
optimization
Why Is Spawning a New Process in Node So Slow? (val)865
nodejs, comparisons
15 Page Speed Optimizations That Sites Ignore (at Their Own Risk) (tam/spe)864
optimization
How Fast Is JavaScript? Simulating 20,000,000 Particles863
javascript
Speeding Up the JavaScript Ecosystem—Isolated Declarations (mar)862
javascript, typescript
YouTube Embeds Are Bananas Heavy and It’s Fixable (chr/fro)861
embed-code, youtube, tooling
Do Grayscale Images Take Less Space?860
images, colors
Enhancing The New York Times Web Performance With React 18859
react, case-studies
Advanced JavaScript Performance Optimization: Techniques and Patterns858
javascript, optimization, techniques, software-design-patterns
Performance Mistakes You Might Not Realize You Are Making857
videos, mistakes, angular
Bun Is Much Faster Than Node.js 22 at Decoding Base64 Inputs (lem)856
bun, nodejs, base64, comparisons
Writing a WordPress Theme in Less Than 4 KB855
wordpress, theming, minimalism
How React 19 (Almost) Made the Internet Slower (cod)854
react
Blazing Fast Websites With Speculation Rules (deb)853
speculation
Highlight Areas That the Browser Engine Re-Paints (pat/dev)852
debugging, painting, browser-engines, browsers, google, chrome, microsoft, edge, apple, safari
How to Hack Your Google Lighthouse Scores in 2024 (whi/sma)851
how-tos, google, lighthouse
Investigating INP Issues (ste)850
web-vitals, debugging
Find Slow Interactions in the Field (mal/dev)849
apis
Using Critical CSS for Faster Rendering (spe)848
css, rendering
Analyze CSS Selector Performance During Recalculate Style Events (dev)847
browsers, google, chrome, dev-tools, selectors, css
How Deep Is Your DOM? (max)846
dom, lighthouse, google
Semantic Code in HTML: What Is It and Does It Still Matter? (boa)845
html, semantics, accessibility, seo, maintainability
Engineering for Slow Internet844
user-experience
Responsive Video Works Now—These Features Could Make It Work Better (sco)843
multimedia, responsive-design, html
Lazy Load Components in Nuxt to Improve Performance842
nuxt, lazy-loading, components
Node.js Performance Hooks: Mastering the Mental Model (pav)841
nodejs, hooks
Speeding Up File Load Times, One Page at a Time (fig)840
figma
“<style>”: Inline Optimizations for the Bold (mor)839
html, css, optimization
Comprehensive Guide to JavaScript Performance Analysis Using Chrome DevTools838
guides, javascript, debugging, browsers, google, chrome, dev-tools
New Field Insights for Debugging INP (mal/dev)837
videos, web-vitals
From Fast Loading to Instant Loading (tun/dev)836
videos, apis
Prefetching When Server Loading Won’t Do (ada/fro)835
client-side-rendering, server-side-rendering, streaming
WebAssembly Performance Patterns for Web Apps (tom)834
webassembly, web-apps
Optimizing INP: A Deep Dive (dev)833
videos, debugging, web-vitals, optimization, browsers, google, chrome, dev-tools, deep-dives
Ruby Might Be Faster Than You Think (joh)832
ruby
Why Don’t We Talk About Minifying CSS Anymore? (whi/sen)831
css, minification
Hello Bun: How Sveld Now Deploys 2× Faster on GitHub and Render830
bun, deploying, case-studies
Latency Numbers Every Frontend Developer Should Know (ind)829
metrics, terminology
Node.js Task Runner828
nodejs
Using “@ defer” Defer Views in Angular 17827
angular, lazy-loading
Five Ways Cookie Consent Managers Hurt Web Performance (and How to Fix Them) (cli/spe)826
cookies, consent-management
9 Signs Your Frontend Code Has Quality Issues That Affect Your Users (ang)825
quality, craft, accessibility, usability, user-experience, conformance
Monitoring BFCache Blocking Reasons (chr/mdn)824
bfcache, monitoring, debugging
Epic App Performance Starts With the Database823
videos, databases, optimization
Optimizing WebKit and Safari for Speedometer 3.0 (pat+/web)822
webkit, browsers, apple, safari, optimization
An Introduction to the Node.js Performance API (bet)821
introductions, nodejs, apis
Understanding Interaction to Next Paint (INP) (wil/fro)820
web-vitals
Faster Websites With the “picture” Element (fra)819
html, images
BFCache Explained818
bfcache, browsers
How-To: 5 Steps to Detect Invalid HTML Breaking Your [Site’s Performance] (erw)817
how-tos, html, conformance
How I Fixed My Brutal TTFB (whi/sen)816
metrics, optimization
How Invalid HTML Elements Impact Web Performance (erw)815
html, conformance
Profile Node.js Performance With the Performance Panel (jec+/dev)814
nodejs, debugging, browsers, google, chrome, dev-tools
Don’t Get Scammed by Fake Performance Experts and Apps813
tooling
This Pattern Will Wreck Your React App’s TS Performance (mat)812
design-patterns, react, typescript
Time to Ditch Analytics? Tracking Scripts and Web Sustainability (mic)811
embed-code, google, analytics, sustainability, compliance
How Web Bloat Impacts Users With Slow Devices810
metrics, comparisons, web
Migrating Away From Jest and Achieving Over 90% Reduction in Running Time (pat)809
migrating, jest, testing, memory
How to Optimize Cumulative Layout Shift (CLS) on Shopify Sites (sia)808
how-tos, web-vitals, optimization, shopify
Performance Tooling in 2024 and Beyond (dev)807
tooling, browsers, dev-tools, lighthouse, google
HTML Performance Optimization: Tips for Faster Loading Pages806
html, landing-pages, optimization, tips-and-tricks
Interaction to Next Paint Is Officially a Core Web Vital (rvi/dev)805
web-vitals
Announcing Speedometer 3.0: A Shared Browser Benchmark for Web Application Responsiveness804
tooling, metrics
Have You Optimized for INP?803
web-vitals, optimization
What Is INP and Why You Should Care (whi/sen)802
web-vitals, monitoring
AVIF Is the Future of Web Images801
images, avif, outlooks
When We Talk About Front-End Performance, What Are We Talking About800
metrics, web-vitals, lighthouse, google
How to Lazy-Load CodePen and CanIUse Embeds799
how-tos, embed-code, codepen, caniuse
Reporting Core Web Vitals With the Performance API (geo/sma)798
apis, web-vitals
What Is a Single-Page Application? (hey)797
single-page-apps, javascript, user-experience
JavaScript Bloat in 2024 (nik)796
javascript
How to Optimize the Web for the Worst User Conditions?795
how-tos, user-experience, responsive-design, optimization
The One Trick Every Flutter Web Dev Needs to Know794
tips-and-tricks, flutter
What Is Lighthouse Speed Index (SI) and How to Reduce It793
metrics, lighthouse, google
The Importance of Web Performance to Information Equity (sch/fos)792
videos, accessibility
Making Your SVG Icons CSS Masks Instead of Inline HTML or Backgrounds Has Some Benefits (chr/fro)791
images, svg, css, masking
Interaction to Next Paint Becomes a Core Web Vital on March 12 (mal+/dev)790
web-vitals, metrics
The Psychology of Site Speed and Human Happiness (tam/spe)789
usability
LCP and FCP on Single Page Application on Soft Navigations (dws)788
web-vitals, single-page-apps, navigation
Progressive JPEGs (PJPEG): The Key to Loading Images Faster on Your Website787
pjpeg, jpeg, images, comparisons
How Core Web Vitals Affect SEO (ind)786
web-vitals, lighthouse, google, seo
Why Do Reflows Negatively Affect Performance? (fro)785
reflow
Guide to Fast Next.js784
guides, nextjs, optimization, server-side-rendering, lazy-loading
Optimizing SQL Queries by 23×783
databases, sql, optimization
The Evolution of Page Speed (deb)782
videos, metrics, optimization, history
JS Perf Wins and New Node.js Features With Yagiz Nizipli (wes+/syn)781
podcasts, javascript, nodejs, optimization
Node.js Mastery: Advanced Development and Performance Tips780
nodejs, servers, express, testing, memory
React Is Slow, What to Do Now?779
react
Measuring, Monitoring, and Optimizing TTFB With Server Timing (per)778
monitoring, optimization, apis, time
The State of Benchmarking in Node.js777
nodejs, metrics
Debugging Fetch Priority (jec+/dev)776
videos, debugging, web-vitals, apis
The Golden Rule of Web Performance and Different Performance Engineering Specializations (per)775
principles
10 Ways to Speed Up JavaScript Loading774
javascript, lazy-loading, minification, bundling, code-splitting, tree-shaking, modules, content-delivery, caching, compression, auditing
RLI (Recently Logged-In) Browser Cache Bypassing (tim/per)773
caching, optimization
A Checklist for CLS Scenarios (per)772
checklists, web-vitals
How We Reduced CSS Size and Improved Performance Across GOV.UK771
case-studies, css, optimization
Who Stole My Largest Contentful Paint? (per)770
web-vitals, optimization
Getting Started With Web Performance (acc/mat)769
introductions, web-vitals, testing
Ten Optimisation Tips for an Initial Web Performance Audit (acc/per)768
tips-and-tricks, optimization, auditing
Improve App Performance With Angular 17 “defer”767
videos, angular, optimization
How I Brought LCP Down to Under 350 ms for Google-Referred Users on My Website (paw)766
web-vitals, optimization, case-studies
Preparing for Interaction to Next Paint, a New Web Core Vital (geo/sma)765
web-vitals, optimization
React Performance Optimization764
react, optimization
An Informed Pre-Caching Strategy for Large Sites (per)763
strategies, caching
Testing the Performance of Social Media Embeds (mic)762
testing, embed-code, social-media
Fastest Way of Passing State to JavaScript, Re-Visited (kur/per)761
javascript, state-management
Debugging BFCache, Make Your Page Load Instantly (jec+/dev)760
videos, bfcache, browsers, google, chrome, dev-tools, debugging
Measure LCP Sub-Parts to Improve Largest Contentful Paint (deb)759
web-vitals, metrics
Resource Loading at the Cutting Edge758
videos
Kicking the Excessive JavaScript Habit (mic)757
javascript, developer-experience, user-experience
Psychology of Speed: A Guide to Perceived Performance (fox/cal)756
guides, user-experience
The Unbearable Weight of Massive JavaScript (rya)755
videos, javascript, frameworks
URL Parser Performance (bag)754
urls, parsing
Optimizing Frontend Performance: Mastering Memoization, Throttling, and Debouncing753
optimization, memoization, throttling, debouncing
A Faster Web in 2024 (rvi)752
web-vitals, metrics, web
Using CSS “content-visibility” to Boost Your Rendering Performance (log)751
css, rendering
How Core Web Vitals Saved Users 10,000 Years of Waiting for Web Pages to Load (add+/dev)750
google, user-experience, metrics
Why We Need a “Green” Perf Metric (scr)749
videos, sustainability, metrics
Performance in React and Next.js748
videos, react, nextjs
Learn Performance (kev+/dev)747
courses
Speeding Up the JavaScript Ecosystem—Tailwind CSS (mar)746
javascript, tailwind
Answering Common Questions About Interpreting Page Speed Reports (geo/sma)745
optimization
20 Effective Tips to Speed Up Your Drupal Website744
drupal, tips-and-tricks, optimization
Effective Strategies for Optimizing Performance743
strategies, optimization
Liquid vs. Headless: A Look at Real User Web Performance (sia)742
shopify, headless, metrics, comparisons
Performance Optimization With Worker Threads Node.js741
optimization, nodejs, worker-threads
Tailwind vs. Semantic CSS740
tailwind, css, html, semantics, comparisons
Solid.js Creator Outlines Options to Reduce JavaScript Code (low/the)739
javascript
The Three Cs: Concatenate, Compress, Cache (css)738
compression, caching
Back/Forward Cache (phi+/dev)737
bfcache, browsers, chrome, google
Speeding Up the JavaScript Ecosystem—the Barrel File Debacle (mar)736
javascript, architecture
The Hidden Performance Cost of Node.js and GraphQL735
nodejs, graphql
The Ultimate Low-Quality Image Placeholder Technique (css)734
images, web-vitals
Optimizing Web Fonts733
fonts, css, optimization
Speeding Up the JavaScript Ecosystem—Polyfills Gone Rogue (mar)732
javascript, polyfills
The Psychology of Web Performance (tam/btc)731
videos, user-experience, history
Experimenting With Measuring Soft Navigations (tun/dev)730
web-vitals, navigation, experiments, metrics
Get All That Network Activity Under Control With Priority Hints (mac)729
network, hints
Sustainability and Tech and Us (j9t)728
sustainability, minimalism, principles
I Think I Kind of Hate Lazy Loading (ede)727
lazy-loading
Stop Lazy Loading Product and Hero Images (gri/clo)726
lazy-loading, images
Why Do I Have Layout Shift? (una+/dev)725
videos, web-vitals
Benchmarks [for 24 CSV Parsing Approaches]724
csv, parsing, comparisons
Five Optimization and Performance Tools That Enhance Website User Experience723
user-experience, optimization, tooling, link-lists
Code Splitting in React: Optimize Performance by Splitting Your Code722
code-splitting, react, optimization
Debugging Speculation Rules (tun/dev)721
speculation, debugging
A Guide to Optimizing JavaScript Files720
guides, javascript, optimization, minification, compression
How Layout Position Impacts Three Big Web Performance Levers (sia)719
web-vitals
Google Tag Manager Performance: 9 Tips for Faster Site Speed718
google, tag-management, tips-and-tricks
A Guide to Single-Page Application Performance717
guides, single-page-apps, developer-experience, monitoring
How to Improve Performance of Your Database by Indexing Large Tables716
how-tos, databases, optimization
Optimizing Speed on ebay.com (add)715
optimization, web-vitals, case-studies
How We Optimized Performance to Serve a Global Audience (sma)714
case-studies, optimization
Speeding Up V8 Heap Snapshots (jda)713
javascript, javascript-engines, v8, memory
You Probably Don’t Need “http-equiv” Meta Tags (rvi)712
html, metadata, http
Core Web Vitals for Search Engine Optimisation: What Do We Need to Know? (css)711
web-vitals, seo
A Case Study on Scroll-Driven Animations Performance (dev)710
animations, scrolling, css, javascript
Preload vs. Early Hints vs. Fetch Priority709
videos, html, http, hints, comparisons, preloading
Loading and Progress Indicators (uxd)708
user-experience, design-patterns, progress-indicators
How to Prevent Unnecessary React Component Re-Rendering707
how-tos, react, client-side-rendering
Tree Shaking in JavaScript706
javascript, tree-shaking
Is Lighthouse a Misleading Performance Tool?705
google, lighthouse, web-vitals, tooling
What Is Page Bloat? And How Is It Hurting Your Business, Your Search Rank, and Your Users? (tam/spe)704
user-experience, user-conversion, metrics, economics
In Defence of “DOM­Content­Loaded” (css)703
javascript, dom
Comparing npm, Yarn, and pnpm Package Managers: Which One Is Right for Your Distributed Project to Handle High Loads?702
npm, yarn, pnpm, comparisons, best-practices
What Does the Image “decoding” Attribute Actually Do? (tun)701
html, attributes, images
Debugging INP (scr)700
videos, debugging, web-vitals
The Cost of JavaScript 2023 (add)699
videos, javascript
Too Much JavaScript? Why the Frontend Needs to Build Better (low/the)698
javascript, web-platform
Style Recalculation Secrets They Don’t Want You to Know (pat/css)697
videos, css, selectors
Before Your Next Frontend Pull Request, Use This Checklist (tra/evi)696
checklists, compression, dependencies, accessibility, legibility, naming
Reducing Complexity in Front End Development (mic)695
complexity, css, javascript
How to Detect Unnecessary Renderings of DOM Elements in Your Web App to Improve Performance694
how-tos, rendering, dom, debugging, angular
How Chrome Achieved High Scores on Three Browser Benchmarks (dev)693
browsers, google, chrome
Performance Is Not a Checklist (tka)692
user-experience
Watch Out for Layout Shifts With “ch” Units (pau/clo)691
css, units
Deploying AVIF for More Responsive Websites (dev)690
images, avif
Announcing INP as the Next Core Web Vital: What Shopify Stores Can Do Now (sia)689
web-vitals, shopify
Advancing Interaction to Next Paint (rvi+/dev)688
web-vitals
How to Optimize Web Responsiveness With Interaction to Next Paint (ann/dev)687
videos, how-tos, web-vitals
The 9 Most Effective Core Web Vitals Opportunities of 2023 (tun/dev)686
videos, web-vitals
Introducing INP to Core Web Vitals685
introductions, web-vitals, google, search, seo
Client-Side Rendering of HTML and Interactivity (mal/dev)684
html, client-side-rendering
Diagnose Slow Interactions in the Lab (mal/dev)683
web-vitals
Find Slow Interactions in the Field (mal/dev)682
web-vitals, auditing
How Large DOM Sizes Affect Interactivity, and What You Can Do About It (mal/dev)681
dom, html, optimization
Optimize Input Delay (mal/dev)680
web-vitals, optimization
Script Evaluation and Long Tasks (mal/dev)679
javascript, web-vitals
Pay Attention to Web Performance Metrics to Improve the UX (uxm)678
metrics, user-experience, web-vitals, optimization
5 Best Practices to Sustainably Improve Core Web Vitals (ben/cal)677
web-vitals, best-practices
Make Your Website Load Fast by Optimizing Request Priorities (deb)676
optimization, network
The Intersectionality of Web Performance (ada)675
sustainability, dei
A Complete Guide to Performance Budgets (spe)674
guides, performance-budgets, metrics
Load Websites Faster With Code Splitting673
code-splitting, react
CDNs: Speed Up Performance by Reducing Latency (aus)672
content-delivery
Practical Guide to Not Blocking the Event Loop671
guides, javascript, event-loop, events
Reducing the Cost of String Serialization in Node.js Core670
nodejs, strings
Frontend Web Performance Checklist669
checklists
Exploring the Potential of Web Workers for Multithreading on the Web (sma)668
web-workers, multithreading, javascript
Intro to Runtime Performance in the Chrome DevTools Performance Panel (ann/thi)667
videos, introductions, dev-tools, browsers, google, chrome
DevTools: A Better Way to Visualize Your JavaScript666
dev-tools, visualization, browsers, lighthouse, google, chrome, microsoft, edge
Serving Less Data to Users With the “prefers-reduced-data” Media Query (sea)665
css, media-queries, sustainability
Speeding Up the JavaScript Ecosystem—Draft-js Emoji Plugin (mar)664
javascript, plugins
Costly CSS Properties and How to Optimize Them663
css, optimization
Understanding CSS Preload and Other Resource Hints (log)662
css, hints, preloading
Load Balancing (sam)661
load-balancing, visualization, architecture
The Performance Golden Rule Revisited (tka)660
metrics
The Real Difference Between “useMemo” and “Memo” in React659
react, hooks, examples
Slow Start and Congestion Control (Browser Networking)658
protocols, tcp
10 Ways to Hide Elements in CSS (cra)657
hiding, css, accessibility
7 Tricks to Take the Performance of Your Website to the Moon656
minification, tree-shaking, tips-and-tricks
Flutter Performance Optimization Techniques and Best Practices655
flutter, optimization, best-practices
Defaulting on Single Page Applications (SPA) (zac)654
single-page-apps, javascript
Senior Engineering Strategies for Advanced React and TypeScript (tec)653
strategies, react, typescript, architecture, testing, accessibility, security, maintenance
The Ultimate Guide to Image Optimisation (fox/cal)652
guides, images, compression, optimization
Speeding Up the JavaScript Ecosystem—npm Scripts (mar)651
javascript, bundling, npm
2023 Web Framework Performance Report (ast)650
frameworks, astro, sveltekit, gatsby, remix, wordpress, nextjs, nuxt, comparisons
Client-Side JavaScript and React Criticism: What Comes Next? (mol)649
javascript, react, accessibility, resilience, progressive-enhancement
Optimising Large Contentful Paint (css/btc)648
videos, web-vitals, optimization
The JavaScript Site Generator Review, 2023 (zac)647
site-generators, comparisons, astro, eleventy, gatsby, nextjs, nuxt, remix, sveltekit
An Approach to Lazy Loading Custom Elements (css)646
web-components, lazy-loading
This Is Why Performance Matters (bel)645
javascript, user-experience
Caching at DEV644
case-studies, caching
What’s New in Lighthouse 10 (dev)643
release-notes, google, lighthouse
Speeding Up the JavaScript Ecosystem—ESLint (mar)642
javascript, eslint, linting
The Gotcha With Animating Custom Properties (bra)641
css, animations, custom-properties
Monitoring Node.js Performance (ano)640
nodejs, monitoring, tooling
Speed for Who? (bel)639
frameworks, developer-experience, user-experience
Optimal Images in HTML (ste/bui)638
html, images, backgrounds, optimization
Your Web Performance Is Too Reactive; It’s Time to Do More Than Put Out Fires (fox/cal)637
The Modern Way of Serving Images (kur)636
images, html
How to Review a Web Site (uxm)635
how-tos, user-experience, seo
Optimize Time to First Byte (mal/dev)634
optimization
The Truth About CSS Selector Performance (pat/mic)633
css, selectors
Why We Switched CDNs: How Google’s Core Web Vitals Led Us to Cloudflare Pages632
content-delivery, web-vitals, cloudflare
Optimizing the Image Element LCP (sma)631
web-vitals, images
Speeding Up the JavaScript Ecosystem—Module Resolution (mar)630
javascript, modules, esm, commonjs
Our Top Core Web Vitals Recommendations for 2023 (phi+/dev)629
web-vitals, best-practices
Why Not “document.write()”? (css)628
javascript
Why Web Performance Still Matters in 2023 (sia)627