Tech does not just watch: Take action against Russia’s war on Ukraine 🇺🇦, and take action against Israel’s genocide on the Palestinian people and the destruction of Palestine 🇵🇸 Protest, boycott, cut all ties. Hide

Frontend Dogma

“performance” News Archive (2)

Entry (Sources) and Other Related TopicsDate#
How Core Web Vitals Affect SEO (ver)725
, , ,
Guide to Fast Next.js724
, , , ,
Optimizing SQL Queries by 23×723
, ,
The Evolution of Page Speed (deb)722
, , ,
JS Perf Wins and New Node.js Features With Yagiz Nizipli (wes+/syn)721
, , ,
Node.js Mastery: Advanced Development and Performance Tips720
, , , ,
React Is Slow, What to Do Now?719
Measuring, Monitoring, and Optimizing TTFB With Server Timing718
, , ,
The State of Benchmarking in Node.js717
,
Debugging Fetch Priority (jec+/dev)716
, , ,
The Golden Rule of Web Performance and Different Performance Engineering Specializations715
10 Ways to Speed Up JavaScript Loading714
, , , , , , , , , ,
RLI (Recently Logged-In) Browser Cache Bypassing (tim)713
,
A Checklist for CLS Scenarios712
,
Who Stole My Largest Contentful Paint?711
,
How We Reduced CSS Size and Improved Performance Across GOV.UK710
, ,
Ten Optimisation Tips for an Initial Web Performance Audit (acc)709
, ,
Getting Started With Web Performance (acc/mat)708
, ,
Improve App Performance With Angular 17 “defer”707
, ,
How I Brought LCP Down to Under 350 ms for Google-Referred Users on My Website (paw)706
, ,
React Performance Optimization705
,
Preparing for Interaction to Next Paint, a New Web Core Vital (geo/sma)704
,
Testing the Performance of Social Media Embeds (mic)703
, ,
An Informed Pre-Caching Strategy for Large Sites702
,
Fastest Way of Passing State to JavaScript, Re-Visited (kur)701
,
Debugging BFCache, Make Your Page Load Instantly (jec+/dev)700
, , , , , ,
Measure LCP Sub-Parts to Improve Largest Contentful Paint (deb)699
,
Resource Loading at the Cutting Edge698
Kicking the Excessive JavaScript Habit (mic)697
, ,
Psychology of Speed: A Guide to Perceived Performance (fox/cal)696
,
The Unbearable Weight of Massive JavaScript (rya)695
, ,
URL Parser Performance (bag)694
,
Optimizing Frontend Performance: Mastering Memoization, Throttling, and Debouncing693
, , ,
A Faster Web in 2024 (rvi)692
, ,
Using CSS “content-visibility” to Boost Your Rendering Performance (log)691
,
Why We Need a “Green” Perf Metric (scr)690
, ,
How Core Web Vitals Saved Users 10,000 Years of Waiting for Web Pages to Load (add+/dev)689
, ,
Performance in React and Next.js (ver)688
, ,
Speeding Up the JavaScript Ecosystem—Tailwind CSS (mar)687
,
Learn Performance (kev+/dev)686
Answering Common Questions About Interpreting Page Speed Reports (geo/sma)685
20 Effective Tips to Speed Up Your Drupal Website684
, ,
Effective Strategies for Optimizing Performance683
,
Liquid vs. Headless: A Look at Real User Web Performance (sia)682
, , ,
Performance Optimization With Worker Threads Node.js681
, ,
Tailwind vs. Semantic CSS680
, , , ,
Solid.js Creator Outlines Options to Reduce JavaScript Code (low/the)679
The Three Cs: Concatenate, Compress, Cache (css)678
,
Back/Forward Cache (phi+/dev)677
, , ,
The Hidden Performance Cost of Node.js and GraphQL676
,
Speeding Up the JavaScript Ecosystem—the Barrel File Debacle (mar)675
,
The Ultimate Low-Quality Image Placeholder Technique (css)674
,
Optimizing Web Fonts (ver)673
, ,
Speeding Up the JavaScript Ecosystem—Polyfills Gone Rogue (mar)672
,
Experimenting With Measuring Soft Navigations (tun/dev)671
, , ,
The Psychology of Web Performance (tam/btc)670
, ,
Get All That Network Activity Under Control With Priority Hints (mac)669
,
Sustainability and Tech and Us (j9t)668
, ,
Stop Lazy Loading Product and Hero Images (gri/clo)667
,
I Think I Kind of Hate Lazy Loading (ede)666
Why Do I Have Layout Shift? (una+/dev)665
,
Five Optimization and Performance Tools That Enhance Website User Experience664
, , ,
Benchmarks [for 24 CSV Parsing Approaches]663
, ,
Code Splitting in React: Optimize Performance by Splitting Your Code662
, ,
Debugging Speculation Rules (tun/dev)661
,
A Guide to Optimizing JavaScript Files660
, , , ,
How Layout Position Impacts Three Big Web Performance Levers (sia)659
Google Tag Manager Performance: 9 Tips for Faster Site Speed658
, ,
A Guide to Single-Page Application Performance657
, , ,
How to Improve Performance of Your Database by Indexing Large Tables656
, ,
Optimizing Speed on ebay.com (add)655
, ,
How We Optimized Performance to Serve a Global Audience (sma)654
,
Speeding Up V8 Heap Snapshots (jda)653
, , ,
You Probably Don’t Need “http-equiv” Meta Tags (rvi)652
, ,
Core Web Vitals for Search Engine Optimisation: What Do We Need to Know? (css)651
,
Preload vs. Early Hints vs. Fetch Priority650
, , , ,
A Case Study on Scroll-Driven Animations Performance (dev)649
, , ,
Loading and Progress Indicators (uxd)648
, ,
How to Prevent Unnecessary React Component Re-Rendering647
, ,
Tree Shaking in JavaScript646
,
Is Lighthouse a Misleading Performance Tool?645
, , ,
What Is Page Bloat? And How Is It Hurting Your Business, Your Search Rank, and Your Users? (tam/spe)644
, , ,
In Defence of “DOM­Content­Loaded” (css)643
,
What Does the Image “decoding” Attribute Actually Do? (tun)642
, ,
Debugging INP (scr)641
, ,
The Cost of JavaScript 2023 (add)640
,
Too Much JavaScript? Why the Frontend Needs to Build Better (low/the)639
,
Style Recalculation Secrets They Don’t Want You to Know (pat/css)638
, ,
Before Your Next Frontend Pull Request, Use This Checklist (tra/evi)637
, , , , ,
Reducing Complexity in Front End Development (mic)636
, ,
How to Detect Unnecessary Renderings of DOM Elements in Your Web App to Improve Performance635
, , , ,
How Chrome Achieved High Scores on Three Browser Benchmarks (dev)634
, ,
Performance Is Not a Checklist (tka)633
Watch Out for Layout Shifts With “ch” Units (pau/clo)632
,
Deploying AVIF for More Responsive Websites (dev)631
,
Announcing INP as the Next Core Web Vital: What Shopify Stores Can Do Now (sia)630
,
Introducing INP to Core Web Vitals629
, ,
How to Optimize Web Responsiveness With Interaction to Next Paint (ann/dev)628
, ,
The 9 Most Effective Core Web Vitals Opportunities of 2023 (tun/dev)627
,
Advancing Interaction to Next Paint (rvi+/dev)626
Script Evaluation and Long Tasks (mal/dev)625
,
Optimize Input Delay (mal/dev)624
,
How Large DOM Sizes Affect Interactivity, and What You Can Do About It (mal/dev)623
, ,
Find Slow Interactions in the Field (mal/dev)622
,
Diagnose Slow Interactions in the Lab (mal/dev)621
Client-Side Rendering of HTML and Interactivity (mal/dev)620
,
Pay Attention to Web Performance Metrics to Improve the UX (uxm)619
, , ,
5 Best Practices to Sustainably Improve Core Web Vitals (ben/cal)618
,
The Intersectionality of Web Performance (ada)617
,
Make Your Website Load Fast by Optimizing Request Priorities (deb)616
,
A Complete Guide to Performance Budgets (spe)615
, ,
Load Websites Faster With Code Splitting614
,
Practical Guide to Not Blocking the Event Loop613
, , ,
CDNs: Speed Up Performance by Reducing Latency (aus)612
Reducing the Cost of String Serialization in Node.js Core611
,
Frontend Web Performance Checklist610
Exploring the Potential of Web Workers for Multithreading on the Web (sma)609
, ,
Intro to Runtime Performance in the Chrome DevTools Performance Panel (ann)608
, , , , ,
DevTools: A Better Way to Visualize Your JavaScript607
, , , , , , ,
Speeding Up the JavaScript Ecosystem—Draft-js Emoji Plugin (mar)606
,
Serving Less Data to Users With the “prefers-reduced-data” Media Query (sea)605
, ,
Costly CSS Properties and How to Optimize Them604
,
Understanding CSS Preload and Other Resource Hints (log)603
,
Load Balancing (sam)602
, ,
The Performance Golden Rule Revisited (tka)601
The Real Difference Between “useMemo” and “Memo” in React600
, ,
Slow Start and Congestion Control (Browser Networking)599
,
10 Ways to Hide Elements in CSS (cra)598
, ,
7 Tricks to Take the Performance of Your Website to the Moon597
, ,
Flutter Performance Optimization Techniques and Best Practices596
, ,
Defaulting on Single Page Applications (SPA) (zac)595
,
Senior Engineering Strategies for Advanced React and TypeScript (tec)594
, , , , , , ,
The Ultimate Guide to Image Optimisation (fox/cal)593
, , ,
Speeding Up the JavaScript Ecosystem—npm Scripts (mar)592
, ,
2023 Web Framework Performance Report (ast)591
, , , , , , , ,
Optimising Large Contentful Paint (css/btc)590
, ,
Client-Side JavaScript and React Criticism: What Comes Next? (mol)589
, , , ,
The JavaScript Site Generator Review, 2023 (zac)588
, , , , , , , ,
This Is Why Performance Matters (bel)587
,
An Approach to Lazy Loading Custom Elements (css)586
,
Caching at DEV585
,
What’s New in Lighthouse 10 (dev)584
, ,
Speeding Up the JavaScript Ecosystem—ESLint (mar)583
, ,
The Gotcha With Animating Custom Properties (bra)582
, ,
Monitoring Node.js Performance (ano)581
, ,
Speed for Who? (bel)580
, ,
Your Web Performance Is Too Reactive; It’s Time to Do More Than Put Out Fires (fox/cal)579
Optimal Images in HTML (ste/bui)578
, , ,
The Modern Way of Serving Images (kur)577
,
How to Review a Web Site (uxm)576
, ,
Optimize Time to First Byte (mal/dev)575
The Truth About CSS Selector Performance (pat/mic)574
,
Why We Switched CDNs: How Google’s Core Web Vitals Led Us to Cloudflare Pages573
, ,
Optimizing the Image Element LCP (sma)572
,
Speeding Up the JavaScript Ecosystem—Module Resolution (mar)571
, , ,
Why Not “document.write()”? (css)570
Our Top Core Web Vitals Recommendations for 2023 (phi+/dev)569
,
Why Web Performance Still Matters in 2023 (sia)568
Priority Hints and Optimizing LCP (kev)567
, ,
Performance Culture Through the Looking-Glass566
,
The RUM Archive and Benford’s Law565
HTTP/3 Prioritization Demystified (pro)564
,
Signals: The Nitty-Gritty (web)563
,
Bad Performance Is Bad Accessibility (bru)562
Beating Latency on Scalemates.com (tim)561
The Performance Inequality Gap, 2023 (sli)560
Using Inline JavaScript Modules to Prevent CSS Blockage (sto)559
,
An HTML-First Mental Model (noa)558
,
Get Off the Main Thread With an Inline Web Worker: An Example (sto)557
, ,
LCP(FE) (tim)556
Web Performance and Compression555
Optimize Interaction to Next Paint (mal+/dev)554
,
Accessibility: The Land That “Time to Interactive” Forgot (tin)553
,
Adding Complementary Performance Data to Your Site (mat)552
Reduce Image Sizes by Removing Metadata551
, ,
Fast Is Good, Instant Is Better (tun)550
Prerender Pages in Chrome for Instant Page Navigations (tun/dev)549
, ,
Developing Faster JavaScript Apps: The Ultimate Guide to Web Workers (cra)548
, , ,
7 Website Performance Metrics to Track for Better UX (cal)547
,
Speeding Up the JavaScript Ecosystem—One Library at a Time (mar)546
,
Lazy Loading Images in HTML (sim)545
,
A Guide to Image Optimization on Jamstack Sites (daw/sma)544
, , , , ,
Improving React Interaction Times by 4×543
,
Early Learnings for Early Hints at Shopify (sia)542
, , ,
Client-Side Routing Without the JavaScript (rya/thi)541
,
6 Steps to Improve HTML Images for Users and Developers (aus)540
, ,
HTML and CSS Features, Tips for a 10× Faster Page Loading Speed539
, ,
Is Turbopack Really 10× Faster Than Vite? (eva)538
, ,
CSS Runtime Performance537
,
A Beginner’s Guide to Chrome Tracing (nol)536
, , , ,
Performance (rvi/htt)535
, , , ,
Conditionally Adaptive CSS—Browser Behavior That Might Improve Your Performance (pep)534
,
How We Improved React Loading Times by 70% With Next.js533
, ,
Which Serverless Edge Platform Has the Fastest Git Deployments? (den)532
, , ,
CDN (htt)531
, , , , ,
How to Animate CSS Box Shadows and Optimize Performance530
, , ,
Speeding Up Async Snippets (css)529
,
Sustainable Web Development Strategies Within an Organization (mic/sma)528
,
SVG Sprites: Old-School, Modern, Unknown, and Forgotten (pep)527
, ,
How to Optimize Resource Loading With the “fetchpriority” Attribute (deb)526
, ,
Optimize Long Tasks (mal/dev)525
,
Performance Budgets: The Easiest Way to a Faster Site (fox/cal)524
GIFs Without the .gif: The Most Performant Image and Video Options Right Now (oll/css)523
, , ,
Five Data-Loading Patterns to Boost Web Performance (sma)522
Page Weight (htt)521
, , ,
Element Timing: One True Metric to Rule Them All? (spe)520
, ,
Will Serving Real HTML Content Make a Website Faster? Let’s Experiment!519
, ,
Total Blocking Time: A Short and Sweet Guide for Happier Users (ben/cal)518
How to Substantially Slow Down Your Node.js Server517
,
Your Next.js Bundle Will Thank You516
,
How to Improve Largest Contentful Paint for Faster Load Times (fox/cal)515
, ,
Critical CSS? Not So Fast! (css)514
Disabled JavaScript Turns Off Native Lazy Loading (ste)513
, ,
Why Your Website Should Be Under 14 kB in Size512
Measure What You Impact, Not What You Influence (css)511
,
Optimize Data Fetching510
Can Browsers Optimize the Loading of Third-Party Resources? (add/dev)509
,
Tip: Use “fetchpriority=high” to Load Your LCP Hero Image Sooner (add)508
,
(Re-)Introducing Gatsby, a Reactive Site Generator507
, , , ,
How and Why We Removed jQuery From GOV.UK506
,
Core Web Vitals Tools to Boost Your Web Performance Scores (sma)505
,
Making a Website Under 1 kB504
,
Which Generator Builds Markdown the Fastest? (zac)503
, ,
500 ms to 1.7 ms in React: A Journey and a Checklist502
Priority Hints—What Your Browser Doesn’t Know (Yet)501
Fix Web Performance for the Long-Term (sia)500
,
Powerful Image Optimization Tools (lou/sma)499
, , ,
Can SVG Symbols Affect Web Performance?498
,
Avoiding “<img>” Layout Shifts: “aspect-ratio” vs. “width” and “height” Attributes (jaf)497
, , , , ,
Frontend Web Performance: The Essentials496
,
Faster WordPress Rendering With 3 Lines of Configuration (sto)495
, , ,
Imagemin Guard (j9t)494
, , , , , , , ,
A CLS Punishment for Progressive Enhancement? (bel/pic)493
,
Everything You Need to Know About Web Performance (in 5 Minutes)492
,
Style Scoping Versus Shadow DOM: Which Is Fastest? (nol)491
, , , , ,
How to Remove 99% of JavaScript From Main Thread (wea)490
, ,
What We’ve Learned From One Year of Real User Monitoring Data on GOV.UK489
,
Measuring the Performance of Typefaces for Users II (sma)488
,
Measuring the Performance of Typefaces for Users (sma)487
,
Don’t Sink Your Website With Third Parties (sma)486
,
Two Lines of CSS That Boosts 7× Rendering Performance485
,
Conditionally Loading CSS or Any Resource Using Media Queries (ami)484
,
Rethinking Server-Timing as a Critical Monitoring Tool (sma)483
, , ,
Don’t Fight the Browser Preload Scanner (mal/dev)482
, ,
How to Use Google CrUX to Analyze and Compare the Performance of JS Frameworks (sma)481
, , , ,
Performance Game Changer: Browser Back/Forward Cache (tun/sma)480
, ,
A Management Maturity Model for Performance (sli)479
Get to Know Your Browser’s Performance Profiler478
, ,
Understanding the Performance Impact of Anti-Flicker Snippets (spe)477
Is Measuring Speed a Useful Metric for Design Systems? (amy+)476
, ,