Frontend Dogma

“performance” Archive

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

Entry (Sources) and Other Related TopicsDate#
Leverage on Redux to Execute Your Tests 100× Times Faster (drp)853
, , ,
Turbocharging V8 With Mutable Heap Numbers (vic/v8j)852
, , ,
Demystifying MIME Types: Basics, Use Cases, Best Practices (mar)851
, , , , , , ,
Static vs. Dynamic Content: Which Should Developers Favor? (the)850
, , , ,
10 Common Web Development Mistakes to Avoid Right Now (sit)849
, , , , , , ,
Top 5 Uses of WebAssembly for Web Developers (the)848
, , ,
Does WebPerf Matter to Your SEO Ranking? (tod/per)847
, ,
Time to First Byte: Beyond Server Response Time (mat/sma)846
, ,
Optimizing Images for Web Performance (tod/fro)845
, , , , , , ,
Think JavaScript Is Slow? Here’s How JIT (Just in Time) Compilation Makes It 100× Faster Instantly (roy)844
,
Preload Fonts on Your Website for Better Core Web Vitals (deb)843
, ,
View Transitions Applied: More Performant “::view-transition-group(*)” Animations (bra/bra)842
, ,
Optimizing the Critical Rendering Path (mat/deb)841
Fast and Smooth Third-Party Web Fonts (sco)840
, , ,
There Are a Lot of Ways to Break Up Long Tasks in JavaScript (mac)839
,
Page Bloat Update: How Does Ever-Increasing Page Size Affect Your Business and Your Users? (tam/spe)838
, , , , ,
React.js vs. Next.js (bhu)837
, ,
The Speed Trifecta: 11ty, Brotli 11, and CSS Fingerprinting (the)836
, , , , ,
Initial Load Performance for React Developers: Investigative Deep Dive (ade)835
, , ,
Simplify Lazy Loading With Intersection Observer’s “scrollMargin” (fro)834
, , ,
Moving on From React, a Year Later (kel)833
, ,
How Fingerprinting Can Improve Your Website’s Performance832
, ,
You Might Not Have a Web Performance Problem (mat/deb)831
, , , ,
Prefetching Subresources With Signed Exchanges (paw)830
, , ,
CDN-First Is No Longer a Performance Feature (osv)829
, , , ,
JavaScript Hashing Speed Comparison: MD5 Versus SHA-256 (lem)828
, , , ,
Tight Mode: Why Browsers Produce Different Performance Results (geo/sma)827
, , , , ,
10 Backend Terms Every Frontend Developer Should Know (the)826
, ,
Double-Keyed Caching: How Browser Cache Partitioning Changed the Web (add)825
, , , ,
1-Billion Row Challenge With Node.js (jac)824
Reckoning: Frontend’s Lost Decade (sli/per)823
, ,
JavaScript Frameworks—Heading Into 2025 (rya/thi)822
, , ,
The Secret to Building Highly Responsive Systems (mjp)821
, , ,
Refactoring a Web Performance Snippet for Security and Best Practice (the)820
, ,
Breaking Up With Long Tasks or: How I Learned to Group Loops and Wield the Yield (rvi/per)819
Designing Websites for Bad Performance (kee/per)818
, , ,
Fabulous Font-Face Fallbacks (sto/per)817
, ,
Page Weight (dws+/htt)816
, , , , ,
Using DevTools to Validate Web Performance Improvements (nuc/per)815
, , ,
The Must-Have SEO Checklist for Developers for 2025 (the)814
, , ,
Boost Website Speed With Prefetching and the Speculation Rules API (sch/mat)813
, ,
My Favorite Web Performance Graphs of the Year (fab/per)812
,
Don’t Let Your Redesign Ruin Performance: A Case Study (mac/per)811
,
Correlation or Causation: How Web Performance Proves Its Value (per)810
,
Preloading Fonts for Web Performance With “link rel=preload” (acc/mat)809
, ,
The Curious (Performance) Case of CSS “@ import” (erw/per)808
,
JavaScript Benchmarking Is a Mess (asy)807
Build Your Own Site Speed Testing Tool With Puppeteer (hen/per)806
,
Important Topics for Frontend Developers to Master in 2025 (moi)805
, , , , , , , , , ,
Unattributed Navigation Overhead (UNO) (tim/per)804
Data-Driven SEO and Web Performance (tod/per)803
,
Detecting Web Performance Regressions Using Statistical Tools (pet/per)802
,
Speculative Loading and the Speculation Rules API (qcn/per)801
,
When Users Interact (blu/per)800
, ,
Creating Shared Ownership for Web Performance From a Cryptic CSS Values (per)799
, ,
Towards Measuring INP on All Browsers and Devices (iva/per)798
,
Your JavaScript Bundle Is Too Fat (yur/js)797
, , , , , , ,
State of Node.js Performance 2024 (raf+/nod)796
,
Simple Web Performance Mentoring (per)795
, ,
Putting Performance in Relatable Terms (eth/per)794
Your Website Is a Restaurant (boo/per)793
The Evolution of Instant Web: What It Means for Performance Tooling (per)792
,
How Does the React Compiler Perform on Real Code (ade/per)791
, , ,
What a Web Performance Engineer Needs to Know About Cloud Cost Savings (per)790
, ,
A Layered Approach to Speculation Rules (css)789
Goodhart’s Law in Action: 3 Webperf Examples (nom/per)788
, , , , ,
If Not React, Then What? (sli)787
, , ,
8 PHP Performance Tips Every Developer Should Know786
, , ,
Preloading Responsive Images (tre)785
, ,
Faster TypeScript Compilation (ash/blo)784
, ,
Optimizing JavaScript Engine Performance (goo/blo)783
, ,
Designing (and Evolving) a New Web Performance Score (css)782
From Gatsby to Eleventy (mat)781
, , ,
How Browsers Really Load Web Pages (pro/wel)780
, , , ,
How to Use Lighthouse Wisely in Your Front-End Projects (ele/des)779
, , , , , ,
Addressing Users’ Painpoints: Best Practices for Identifying and Solving UX Design Problems (sye/uxm)778
, , ,
Why Responsive Design Is Failing Modern Users (web)777
, ,
Learn Big O Notation Once and for All776
,
How to Optimize Performance in Vue Apps (jac/deb)775
, ,
Performance (jev+/htt)774
, , ,
Mastering Interaction to Next Paint (INP) (tod/fro)773
Why Optimizing Your Lighthouse Score Is Not Enough for a Fast Website (geo/sma)772
, , ,
How to Optimize React Performance: Best Practices and Techniques (fro)771
, , , ,
Using Cache Control in Nuxt to Improve Performance (jac)770
,
The Most Effective Ways to Improve Core Web Vitals (dev)769
,
The Image Compression Challenge (Donating Money for Excess-Free Projects) (j9t)768
, ,
How to Speed Up Your Vue App With Server Side Rendering (jac/deb)767
, , ,
Visualize a Webpage’s Memory Usage During a Performance Recording (pat/dev)766
, , , , , , ,
How Is This Website So Fast!? (wes)765
,
Platform Strategy and Its Discontents (sli)764
, , , , ,
The Greatness and Limitations of the “js-framework-benchmark” (nol)763
, , ,
How Effective UX Design Can Boost Business Success (meh/uxm)762
, , , , ,
Node vs. Bun: No Backend Performance Difference (eve)761
, , ,
Benchmarking the Performance of CSS “@ property” (bra/dev)760
I Wasted a Day on CSS Selector Performance to Make a Website Load 2 ms Faster (try)759
,
“img sizes=auto” for Native Lazy Loading (ste)758
, , ,
Why We Switched From Cypress to Playwright (big)757
, , , ,
Improving Rendering Performance With CSS “content-visibility” (nol)756
, ,
Optimising for High Latency Environments (css)755
, , ,
Speed Up Your Website With “<link rel=preconnect>” (tre)754
Five Ways to Lazy Load Images for Better Website Performance (ant/sit)753
,
Chrome Ends Support for First Input Delay (rvi/dev)752
, , , ,
Skeleton Screens vs. Progress Bars vs. Spinners (sam/nng)751
,
Lazy Loading Isn’t Just Lazy, It’s Late: The Web Deserves Faster750
, , ,
Faster Pages With React (flo/sma)749
An SSR Performance Showdown (mco)748
, , , , , ,
The Ultimate Guide to Font Performance Optimization (deb)747
, ,
The Two Lines of CSS That Tanked Performance (120 FPS to 40 FPS) (and)746
,
5 Wasm Use Cases for Frontend Development (ele/des)745
, ,
How to Make Your Web Page Faster Before It Even Loads (whi/sen)744
,
Common Misconceptions About How to Optimize LCP (bre/dev)743
, ,
Cache Grab: How Much Are You Leaving on the Table? (css)742
Reckoning: The Way Out (sli)741
, ,
5 Questions for Tammy Everts (tam+/fro)740
, , ,
Brand New Performance Features in Chrome DevTools (uma/deb)739
, , , ,
“blocking=render”: Why Would You Do That?! (css)738
,
Reckoning: Caprock (sli)737
Reckoning: Object Lesson (sli)736
,
Reckoning: The Landscape (sli)735
, ,
Is CSS Grid Really Slower Than Flexbox? (ben)734
, , ,
Who Is the Fastest? Node.js, Bun.js, or Deno.js (tre)733
, , , , ,
Flexible Network Data Preloading in Large SPAs (maz)732
, ,
Benchmarking AWS Lambda Cold Starts Across JavaScript Runtimes (igo+/den)731
, , , , ,
What to Expect When You’re Optimizing (tka)730
Why Is Spawning a New Process in Node So Slow? (mxm/val)729
,
15 Page Speed Optimizations That Sites Ignore (at Their Own Risk) (tam/spe)728
Speeding Up the JavaScript Ecosystem—Isolated Declarations (mar)727
,
How Fast Is JavaScript? Simulating 20,000,000 Particles (toa)726
YouTube Embeds Are Bananas Heavy and It’s Fixable (chr/fro)725
, ,
Do Grayscale Images Take Less Space?724
,
Enhancing The New York Times Web Performance With React 18 (nyt)723
,
Advanced JavaScript Performance Optimization: Techniques and Patterns (par)722
, , ,
Bun Is Much Faster Than Node.js 22 at Decoding Base64 Inputs (lem)721
, ,
Performance Mistakes You Might Not Realize You Are Making (lar/ngc)720
, ,
Writing a WordPress Theme in Less Than 4 KB719
, ,
How React 19 (Almost) Made the Internet Slower (cod)718
Blazing Fast Websites With Speculation Rules (uma/deb)717
How to Hack Your Google Lighthouse Scores in 2024 (whi/sma)716
, ,
Highlight Areas That the Browser Engine Re-Paints (pat/dev)715
, , , , , , , , ,
Investigating INP Issues (ste)714
,
Find Slow Interactions in the Field (mal/dev)713
How Deep Is Your DOM? (cha)712
, ,
Analyze CSS Selector Performance During Recalculate Style Events (dev)711
, , , , ,
Semantic Code in HTML: What Is It and Does It Still Matter? (boa)710
, , , ,
Engineering for Slow Internet709
Responsive Video Works Now—These Features Could Make It Work Better (sco)708
, ,
Lazy Load Components in Nuxt to Improve Performance (jac)707
, ,
Node.js Performance Hooks: Mastering the Mental Model (pav)706
,
Speeding Up File Load Times, One Page at a Time (isa/fig)705
“<style>”: Inline Optimizations for the Bold (mor)704
, ,
From Fast Loading to Instant Loading (tun/dev)703
,
New Field Insights for Debugging INP (mal/dev)702
,
Comprehensive Guide to JavaScript Performance Analysis Using Chrome DevTools (jia)701
, , , , , ,
Prefetching When Server Loading Won’t Do (ada/fro)700
, ,
WebAssembly Performance Patterns for Web Apps (tom)699
,
Optimizing INP: A Deep Dive (dev)698
, , , , , , , ,
Why Don’t We Talk About Minifying CSS Anymore? (whi/sen)697
,
Latency Numbers Every Frontend Developer Should Know (cra/ver)696
,
Hello Bun: How Sveld Now Deploys 2× Faster on GitHub and Render (eri/ren)695
, ,
Node.js Task Runner (yag)694
Using “@ defer” Defer Views in Angular 17 (dan)693
,
Five Ways Cookie Consent Managers Hurt Web Performance (and How to Fix Them) (cli/spe)692
,
9 Signs Your Frontend Code Has Quality Issues That Affect Your Users (ang)691
, , , , ,
Monitoring BFCache Blocking Reasons (chr/mdn)690
, ,
Epic App Performance Starts With the Database (rtb/epi)689
, ,
Optimizing WebKit and Safari for Speedometer 3.0 (ant+/web)688
, , , ,
Understanding Interaction to Next Paint (INP) (wil/fro)687
An Introduction to the Node.js Performance API (sta/bet)686
, ,
Faster Websites With the “picture” Element (fra)685
,
BFCache Explained (sab)684
,
How I Fixed My Brutal TTFB (whi/sen)683
,
Profile Node.js Performance With the Performance Panel (jec+/dev)682
, , , , ,
Don’t Get Scammed by Fake Performance Experts and Apps (krz/sho)681
This Pattern Will Wreck Your React App’s TS Performance (mat)680
, ,
Time to Ditch Analytics? Tracking Scripts and Web Sustainability (mic/css)679
, , , ,
How Web Bloat Impacts Users With Slow Devices (dan)678
, ,
Migrating Away From Jest and Achieving Over 90% Reduction in Running Time (pat)677
, , ,
How to Optimize Cumulative Layout Shift (CLS) on Shopify Sites (sia/sho)676
, , ,
Performance Tooling in 2024 and Beyond (egs+/dev)675
, , , ,
HTML Performance Optimization: Tips for Faster Loading Pages674
, , ,
Interaction to Next Paint Is Officially a Core Web Vital (rvi/dev)673
What Is INP and Why You Should Care (whi/sen)672
,
Have You Optimized for INP? (med)671
,
Announcing Speedometer 3.0: A Shared Browser Benchmark for Web Application Responsiveness670
,
AVIF Is the Future of Web Images669
, ,
When We Talk About Front-End Performance, What Are We Talking About (git)668
, , ,
How to Lazy-Load CodePen and CanIUse Embeds (nik)667
, , ,
Reporting Core Web Vitals With the Performance API (geo/sma)666
,
What Is a Single-Page Application? (hey)665
, ,
JavaScript Bloat in 2024 (nik)664
The One Trick Every Flutter Web Dev Needs to Know (abh/goo)663
,
How to Optimize the Web for the Worst User Conditions? (med)662
, , ,
What Is Lighthouse Speed Index (SI) and How to Reduce It661
, ,
The Importance of Web Performance to Information Equity (sch/fos)660
,
Making Your SVG Icons CSS Masks Instead of Inline HTML or Backgrounds Has Some Benefits (chr/fro)659
, , ,
Interaction to Next Paint Becomes a Core Web Vital on March 12 (mal+/dev)658
,
The Psychology of Site Speed and Human Happiness (tam/spe)657
LCP and FCP on Single Page Application on Soft Navigations (dws)656
, ,
Progressive JPEGs (PJPEG): The Key to Loading Images Faster on Your Website (ima)655
, , ,
Why Do Reflows Negatively Affect Performance? (lyd/fro)654
How Core Web Vitals Affect SEO (cra+/ver)653
, , ,
Guide to Fast Next.js (sei/tin)652
, , , ,
Optimizing SQL Queries by 23× (ris)651
, ,
The Evolution of Page Speed (mat/deb)650
, , ,
JS Perf Wins and New Node.js Features With Yagiz Nizipli (yag+/syn)649
, , ,
Node.js Mastery: Advanced Development and Performance Tips (luq/js)648
, , , ,
React Is Slow, What to Do Now?647
Measuring, Monitoring, and Optimizing TTFB With Server Timing (web/per)646
, ,
The State of Benchmarking in Node.js (web)645
,
Debugging Fetch Priority (jec+/dev)644
, , ,
The Golden Rule of Web Performance and Different Performance Engineering Specializations (apo/per)643
10 Ways to Speed Up JavaScript Loading (asy)642
, , , , , , , , , ,
RLI (Recently Logged-In) Browser Cache Bypassing (tim/per)641
,
A Checklist for CLS Scenarios (kee/per)640
,
How We Reduced CSS Size and Improved Performance Across GOV.UK (gds)639
, ,
Who Stole My Largest Contentful Paint? (krz/per)638
,
Getting Started With Web Performance (acc/mat)637
, ,
Ten Optimisation Tips for an Initial Web Performance Audit (acc/per)636
, ,
Improve App Performance With Angular 17 “defer” (kre)635
, ,
How I Brought LCP Down to Under 350 ms for Google-Referred Users on My Website (paw)634
, ,
Preparing for Interaction to Next Paint, a New Web Core Vital (geo/sma)633
,
React Performance Optimization (bib/sit)632
,
Testing the Performance of Social Media Embeds (mic/css)631
, ,
An Informed Pre-Caching Strategy for Large Sites (eth/per)630
,
Fastest Way of Passing State to JavaScript, Re-Visited (kur/per)629
,
Debugging BFCache, Make Your Page Load Instantly (jec+/dev)628
, , , , , ,
Measure LCP Sub-Parts to Improve Largest Contentful Paint (deb)627
,
Resource Loading at the Cutting Edge (pro/per)626
Kicking the Excessive JavaScript Habit (mic/css)625
, ,
Psychology of Speed: A Guide to Perceived Performance (fox/cal)624
,
The Unbearable Weight of Massive JavaScript (rya/per)623
, ,
URL Parser Performance (bag)622
,
Optimizing Frontend Performance: Mastering Memoization, Throttling, and Debouncing (rsy)621
, , ,
A Faster Web in 2024 (rvi)620
, ,
Using CSS “content-visibility” to Boost Your Rendering Performance (log)619
,
Why We Need a “Green” Perf Metric (scr/per)618
, ,
How Core Web Vitals Saved Users 10,000 Years of Waiting for Web Pages to Load (add+/dev)617
, ,
Performance in React and Next.js (lyd/ver)616
, ,
Speeding Up the JavaScript Ecosystem—Tailwind CSS (mar)615
,
Learn Performance (kev+/dev)614
Answering Common Questions About Interpreting Page Speed Reports (geo/sma)613
Effective Strategies for Optimizing Performance (the/sit)612
,
20 Effective Tips to Speed Up Your Drupal Website (ins/clo)611
, ,
Liquid vs. Headless: A Look at Real User Web Performance (sia/sho)610
, , ,
Performance Optimization With Worker Threads Node.js609
, ,
Tailwind vs. Semantic CSS (tip)608
, , , ,
Solid.js Creator Outlines Options to Reduce JavaScript Code (low/the)607
The Three Cs: Concatenate, Compress, Cache (css)606
,
Back/Forward Cache (phi+/dev)605
, , ,
The Hidden Performance Cost of Node.js and GraphQL (uts)604
,