Frontend Dogma

“performance” Archive

Supertopics: · subtopics: , , , , , , , , , , , , , , ,  (non-exhaustive) · glossary look-up: “performance”

Entry (Sources) and Other Related TopicsDate#
5 Ways to Reduce HTML File Size on Your Website, Step 0 (j9t)900
,
Why You Need to Know Your Site’s Performance Plateau (and How to Find It) (tam/spe)899
,
5 Ways to Reduce HTML File Size on Your Website (deb)898
, , ,
How Does Chrome Prioritize Image Requests? (deb)897
, , ,
Is Vite Faster Than Turbopack?896
, , , , ,
Downtime vs. Slowtime: Which Costs You More? (tam/spe)895
,
Page Speed: Avoid Large Base64 Data URLs in HTML and CSS (deb)894
, , ,
How to Fix Largest Contentful Paint Issues With Subpart Analysis (sma)893
, ,
UX Analytics: How to Measure Your User Experience the Right Way (uxm)892
, , , ,
JavaScript (htt)891
, , , , , , , , ,
Other Causes of Signed Exchanges Errors (paw)890
, , , ,
Everything I Was Lied to About Node.js Came True With Elixir889
, ,
Leverage on Redux to Execute Your Tests 100× Times Faster888
, , ,
Advanced Network Analysis With Chrome DevTools (jec/dev)887
, , , , , ,
Justified Text, JS “moveBefore” Method, Performance Optimization (zor/css)886
, , , ,
Turbocharging V8 With Mutable Heap Numbers885
, , ,
Speeding Up the JavaScript Ecosystem—Rust and JavaScript Plugins (mar)884
, ,
Top Benefits of Choosing Node.js for High-Performance Applications883
,
Demystifying MIME Types: Basics, Use Cases, Best Practices (mar)882
, , , , , , ,
Static vs. Dynamic Content: Which Should Developers Favor? (the)881
, , , ,
10 Common Web Development Mistakes to Avoid Right Now880
, , , , , , ,
Top 5 Uses of WebAssembly for Web Developers (the)879
, , ,
Does WebPerf Matter to Your SEO Ranking? (tod/per)878
, ,
How to Improve Webpage Speed: Tips and Best Practices877
, , , , , , , ,
Time to First Byte: Beyond Server Response Time (sma)876
, ,
Optimizing Images for Web Performance (tod/fro)875
, , , , , , ,
Think JavaScript Is Slow? Here’s How JIT (Just in Time) Compilation Makes It 100× Faster Instantly874
,
View Transitions Applied: More Performant “::view-transition-group(*)” Animations (bra)873
, ,
Preload Fonts on Your Website for Better Core Web Vitals (deb)872
, ,
Optimizing the Critical Rendering Path (deb)871
There Are a Lot of Ways to Break Up Long Tasks in JavaScript (mac)870
,
Fast and Smooth Third-Party Web Fonts (sco)869
, , ,
Page Bloat Update: How Does Ever-Increasing Page Size Affect Your Business and Your Users? (tam/spe)868
, , , , ,
React.js vs. Next.js (bhu)867
, ,
The Speed Trifecta: 11ty, Brotli 11, and CSS Fingerprinting (the)866
, , , , ,
Initial Load Performance for React Developers: Investigative Deep Dive (ade)865
, , ,
Simplify Lazy Loading With Intersection Observer’s “scrollMargin” (fro)864
, , ,
Moving on From React, a Year Later (kel)863
, ,
You Might Not Have a Web Performance Problem (deb)862
, , , ,
How Fingerprinting Can Improve Your Website’s Performance861
, ,
Prefetching Subresources With Signed Exchanges (paw)860
, , ,
CDN-First Is No Longer a Performance Feature (osv)859
, , , ,
JavaScript Hashing Speed Comparison: MD5 Versus SHA-256 (lem)858
, , , ,
10 Backend Terms Every Frontend Developer Should Know857
, ,
Tight Mode: Why Browsers Produce Different Performance Results (geo/sma)856
, , , , ,
Reckoning: Frontend’s Lost Decade (sli)855
, ,
1-Billion Row Challenge With Node.js854
Double-Keyed Caching: How Browser Cache Partitioning Changed the Web (add)853
, , , ,
JavaScript Frameworks—Heading Into 2025 (rya/thi)852
, , ,
The Secret to Building Highly Responsive Systems851
, , ,
Refactoring a Web Performance Snippet for Security and Best Practice (the)850
, ,
Designing Websites for Bad Performance849
, , ,
Fabulous Font-Face Fallbacks (sto)848
, ,
Breaking Up With Long Tasks or: How I Learned to Group Loops and Wield the Yield (rvi)847
Using DevTools to Validate Web Performance Improvements (nuc)846
, , ,
Page Weight (dws+/htt)845
, , , , ,
The Must-Have SEO Checklist for Developers for 2025844
, , ,
Boost Website Speed With Prefetching and the Speculation Rules API (sch/mat)843
, ,
My Favorite Web Performance Graphs of the Year (fab)842
,
Don’t Let Your Redesign Ruin Performance: A Case Study (mac)841
,
Correlation or Causation: How Web Performance Proves Its Value840
,
Preloading Fonts for Web Performance With “link rel=preload” (acc/mat)839
, ,
The Curious (Performance) Case of CSS “@ import” (erw)838
,
JavaScript Benchmarking Is a Mess837
Build Your Own Site Speed Testing Tool With Puppeteer836
,
Important Topics for Frontend Developers to Master in 2025835
, , , , , , , , , ,
Unattributed Navigation Overhead (UNO) (tim)834
Data-Driven SEO and Web Performance (tod)833
,
Detecting Web Performance Regressions Using Statistical Tools (pet)832
,
Speculative Loading and the Speculation Rules API (qcn)831
,
When Users Interact (blu)830
, ,
Creating Shared Ownership for Web Performance From a Cryptic CSS Values829
, ,
Towards Measuring INP on All Browsers and Devices (iva)828
,
Your JavaScript Bundle Is Too Fat827
, , , , , , ,
State of Node.js Performance 2024 (raf/nod)826
,
Simple Web Performance Mentoring825
, ,
Putting Performance in Relatable Terms (eth)824
Your Website Is a Restaurant (boo)823
The Evolution of Instant Web: What It Means for Performance Tooling822
,
How Does the React Compiler Perform on Real Code (ade)821
, , ,
What a Web Performance Engineer Needs to Know About Cloud Cost Savings820
, ,
A Layered Approach to Speculation Rules (css)819
Goodhart’s Law in Action: 3 Webperf Examples (nom)818
, , , , ,
If Not React, Then What? (sli)817
, , ,
8 PHP Performance Tips Every Developer Should Know816
, , ,
Preloading Responsive Images (tre)815
, ,
Optimizing JavaScript Engine Performance (goo/blo)814
, ,
Faster TypeScript Compilation (ash/blo)813
, ,
Designing (and Evolving) a New Web Performance Score (css)812
How Browsers Really Load Web Pages (pro/wel)811
, , , ,
From Gatsby to Eleventy (mat)810
, , ,
How to Use Lighthouse Wisely in Your Front-End Projects (des)809
, , , , , ,
Addressing Users’ Painpoints: Best Practices for Identifying and Solving UX Design Problems (uxm)808
, , ,
Why Responsive Design Is Failing Modern Users (web)807
, ,
Learn Big O Notation Once and for All806
,
How to Optimize Performance in Vue Apps (deb)805
, ,
Performance (htt)804
, , ,
How to Optimize React Performance: Best Practices and Techniques803
, , , ,
Why Optimizing Your Lighthouse Score Is Not Enough for a Fast Website (geo/sma)802
, , ,
Mastering Interaction to Next Paint (INP) (tod/fro)801
Using Cache Control in Nuxt to Improve Performance800
,
The Most Effective Ways to Improve Core Web Vitals (dev)799
,
The Image Compression Challenge (Donating Money for Excess-Free Projects) (j9t)798
, ,
How to Speed Up Your Vue App With Server Side Rendering (deb)797
, , ,
Visualize a Webpage’s Memory Usage During a Performance Recording (pat/dev)796
, , , , , , ,
How Is This Website So Fast!? (wes)795
,
Platform Strategy and Its Discontents (sli)794
, , , , ,
The Greatness and Limitations of the “js-framework-benchmark” (nol)793
, , ,
How Effective UX Design Can Boost Business Success (uxm)792
, , , , ,
Node vs. Bun: No Backend Performance Difference791
, , ,
Benchmarking the Performance of CSS “@ property” (bra/dev)790
I Wasted a Day on CSS Selector Performance to Make a Website Load 2 ms Faster (try)789
,
“img sizes=auto” for Native Lazy Loading (ste)788
, , ,
Why We Switched From Cypress to Playwright787
, , , ,
Improving Rendering Performance With CSS “content-visibility” (nol)786
, ,
Optimising for High Latency Environments (css)785
, , ,
Five Ways to Lazy Load Images for Better Website Performance784
,
Speed Up Your Website With “<link rel=preconnect>” (tre)783
Chrome Ends Support for First Input Delay (rvi/dev)782
, , , ,
Skeleton Screens vs. Progress Bars vs. Spinners781
, ,
Lazy Loading Isn’t Just Lazy, It’s Late: The Web Deserves Faster780
, , ,
Faster Pages With React779
An SSR Performance Showdown (mco)778
, , , , , ,
The Ultimate Guide to Font Performance Optimization (deb)777
, ,
The Two Lines of CSS That Tanked Performance (120 FPS to 40 FPS) (and)776
,
5 Wasm Use Cases for Frontend Development (des)775
, ,
Common Misconceptions About How to Optimize LCP (dev)774
, ,
How to Make Your Web Page Faster Before It Even Loads (whi/sen)773
,
Cache Grab: How Much Are You Leaving on the Table? (css)772
Reckoning: The Way Out (sli)771
, ,
Brand New Performance Features in Chrome DevTools (deb)770
, , , ,
5 Questions for Tammy Everts (tam+/fro)769
, , ,
Reckoning: Caprock (sli)768
“blocking=render”: Why Would You Do That?! (css)767
,
Reckoning: Object Lesson (sli)766
,
Reckoning: The Landscape (sli)765
, ,
Is CSS Grid Really Slower Than Flexbox? (ben)764
, , ,
Who Is the Fastest? Node.js, Bun.js, or Deno.js (tre)763
, , , , ,
Flexible Network Data Preloading in Large SPAs762
, ,
Benchmarking AWS Lambda Cold Starts Across JavaScript Runtimes (den)761
, , , , ,
What to Expect When You’re Optimizing (tka)760
Why Is Spawning a New Process in Node So Slow?759
,
15 Page Speed Optimizations That Sites Ignore (at Their Own Risk) (tam/spe)758
How Fast Is JavaScript? Simulating 20,000,000 Particles757
Speeding Up the JavaScript Ecosystem—Isolated Declarations (mar)756
,
YouTube Embeds Are Bananas Heavy and It’s Fixable (chr/fro)755
, ,
Do Grayscale Images Take Less Space?754
,
Enhancing The New York Times Web Performance With React 18753
,
Advanced JavaScript Performance Optimization: Techniques and Patterns752
, , ,
Performance Mistakes You Might Not Realize You Are Making751
, ,
Bun Is Much Faster Than Node.js 22 at Decoding Base64 Inputs (lem)750
, ,
Writing a WordPress Theme in Less Than 4 KB749
, ,
How React 19 (Almost) Made the Internet Slower748
Blazing Fast Websites With Speculation Rules (deb)747
How to Hack Your Google Lighthouse Scores in 2024 (whi/sma)746
, ,
Highlight Areas That the Browser Engine Re-Paints (pat/dev)745
, , , , , , , , ,
Investigating INP Issues (ste)744
,
Find Slow Interactions in the Field (mal/dev)743
Using Critical CSS for Faster Rendering (spe)742
,
How Deep Is Your DOM?741
, ,
Analyze CSS Selector Performance During Recalculate Style Events (dev)740
, , , , ,
Semantic Code in HTML: What Is It and Does It Still Matter? (boa)739
, , , ,
Engineering for Slow Internet738
Responsive Video Works Now—These Features Could Make It Work Better (sco)737
, ,
Lazy Load Components in Nuxt to Improve Performance736
, ,
Node.js Performance Hooks: Mastering the Mental Model (pav)735
,
Speeding Up File Load Times, One Page at a Time (fig)734
“<style>”: Inline Optimizations for the Bold (mor)733
, ,
Comprehensive Guide to JavaScript Performance Analysis Using Chrome DevTools732
, , , , , ,
New Field Insights for Debugging INP (mal/dev)731
,
From Fast Loading to Instant Loading (tun/dev)730
,
Prefetching When Server Loading Won’t Do (fro)729
, ,
WebAssembly Performance Patterns for Web Apps (tom)728
,
Optimizing INP: A Deep Dive (dev)727
, , , , , , , ,
Why Don’t We Talk About Minifying CSS Anymore? (whi/sen)726
,
Hello Bun: How Sveld Now Deploys 2× Faster on GitHub and Render725
, ,
Latency Numbers Every Frontend Developer Should Know (ver)724
,
Node.js Task Runner723
Using “@ defer” Defer Views in Angular 17722
,
Five Ways Cookie Consent Managers Hurt Web Performance (and How to Fix Them) (cli/spe)721
,
9 Signs Your Frontend Code Has Quality Issues That Affect Your Users (ang)720
, , , , ,
Monitoring BFCache Blocking Reasons (chr/mdn)719
, ,
Epic App Performance Starts With the Database718
, ,
Optimizing WebKit and Safari for Speedometer 3.0 (pat+/web)717
, , , ,
An Introduction to the Node.js Performance API716
, ,
Understanding Interaction to Next Paint (INP) (wil/fro)715
Faster Websites With the “picture” Element (fra)714
,
BFCache Explained713
,
How I Fixed My Brutal TTFB (whi/sen)712
,
Profile Node.js Performance With the Performance Panel (jec+/dev)711
, , , , ,
Don’t Get Scammed by Fake Performance Experts and Apps710
This Pattern Will Wreck Your React App’s TS Performance (mat)709
, ,
Time to Ditch Analytics? Tracking Scripts and Web Sustainability (mic)708
, , , ,
How Web Bloat Impacts Users With Slow Devices707
, ,
Migrating Away From Jest and Achieving Over 90% Reduction in Running Time (pat)706
, , ,
How to Optimize Cumulative Layout Shift (CLS) on Shopify Sites (sia)705
, , ,
Performance Tooling in 2024 and Beyond (dev)704
, , , ,
HTML Performance Optimization: Tips for Faster Loading Pages703
, , ,
Interaction to Next Paint Is Officially a Core Web Vital (rvi/dev)702
Have You Optimized for INP?701
,
What Is INP and Why You Should Care (whi/sen)700
,
Announcing Speedometer 3.0: A Shared Browser Benchmark for Web Application Responsiveness699
,
AVIF Is the Future of Web Images698
, ,
When We Talk About Front-End Performance, What Are We Talking About697
, , ,
How to Lazy-Load CodePen and CanIUse Embeds696
, , ,
Reporting Core Web Vitals With the Performance API (geo/sma)695
,
What Is a Single-Page Application? (hey)694
, ,
JavaScript Bloat in 2024693
How to Optimize the Web for the Worst User Conditions?692
, , ,
The One Trick Every Flutter Web Dev Needs to Know691
,
What Is Lighthouse Speed Index (SI) and How to Reduce It690
, ,
The Importance of Web Performance to Information Equity (sch/fos)689
,
Making Your SVG Icons CSS Masks Instead of Inline HTML or Backgrounds Has Some Benefits (chr/fro)688
, , ,
Interaction to Next Paint Becomes a Core Web Vital on March 12 (mal+/dev)687
,
The Psychology of Site Speed and Human Happiness (tam/spe)686
LCP and FCP on Single Page Application on Soft Navigations (dws)685
, ,
Progressive JPEGs (PJPEG): The Key to Loading Images Faster on Your Website684
, , ,
How Core Web Vitals Affect SEO (ver)683
, , ,
Why Do Reflows Negatively Affect Performance? (fro)682
Guide to Fast Next.js681
, , , ,
Optimizing SQL Queries by 23×680
, ,
The Evolution of Page Speed (deb)679
, , ,
JS Perf Wins and New Node.js Features With Yagiz Nizipli (wes+)678
, , ,
Node.js Mastery: Advanced Development and Performance Tips677
, , , ,
React Is Slow, What to Do Now?676
Measuring, Monitoring, and Optimizing TTFB With Server Timing675
, ,
The State of Benchmarking in Node.js674
,
Debugging Fetch Priority (jec+/dev)673
, , ,
The Golden Rule of Web Performance and Different Performance Engineering Specializations672
10 Ways to Speed Up JavaScript Loading671
, , , , , , , , , ,
RLI (Recently Logged-In) Browser Cache Bypassing670
,
A Checklist for CLS Scenarios669
,
Who Stole My Largest Contentful Paint?668
,
How We Reduced CSS Size and Improved Performance Across GOV.UK667
, ,
Ten Optimisation Tips for an Initial Web Performance Audit (acc)666
, ,
Getting Started With Web Performance (acc/mat)665
, ,
Improve App Performance With Angular 17 “defer”664
, ,
How I Brought LCP Down to Under 350 ms for Google-Referred Users on My Website (paw)663
, ,
React Performance Optimization662
,
Preparing for Interaction to Next Paint, a New Web Core Vital (geo/sma)661
,
Testing the Performance of Social Media Embeds (mic)660
, ,
An Informed Pre-Caching Strategy for Large Sites659
,
Fastest Way of Passing State to JavaScript, Re-Visited (kur)658
,
Debugging BFCache, Make Your Page Load Instantly (jec+/dev)657
, , , , , ,
Measure LCP Sub-Parts to Improve Largest Contentful Paint (deb)656
,
Resource Loading at the Cutting Edge655
Kicking the Excessive JavaScript Habit (mic)654
, ,
Psychology of Speed: A Guide to Perceived Performance (fox/cal)653
,
The Unbearable Weight of Massive JavaScript (rya)652
, ,
URL Parser Performance (bag)651
,