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