Tech does not just watch: Take action against Russia’s war on Ukraine 🇺🇦 Take action against Israel’s genocide on the Palestinian people and the destruction of Palestine 🇵🇸 Petition, protest, boycott, divest, sanction. Hide

Frontend Dogma

“performance” News Archive (2)

Entry (Sources) and Other Related TopicsDate#
The State of Benchmarking in Node.js708
,
The Golden Rule of Web Performance and Different Performance Engineering Specializations707
10 Ways to Speed Up JavaScript Loading706
, , , , , , , , , ,
RLI (Recently Logged-In) Browser Cache Bypassing (tim)705
,
A Checklist for CLS Scenarios704
,
Who Stole My Largest Contentful Paint?703
,
How We Reduced CSS Size and Improved Performance Across GOV.UK702
, ,
Ten Optimisation Tips for an Initial Web Performance Audit (acc)701
, ,
Getting Started With Web Performance (acc/mat)700
, ,
Improve App Performance With Angular 17 “defer”699
, ,
How I Brought LCP Down to Under 350 ms for Google-Referred Users on My Website (paw)698
, ,
React Performance Optimization697
,
Preparing for Interaction to Next Paint, a New Web Core Vital (geo/sma)696
,
Testing the Performance of Social Media Embeds (mic)695
, ,
An Informed Pre-Caching Strategy for Large Sites694
,
Fastest Way of Passing State to JavaScript, Re-Visited (kur)693
,
Debugging BFCache, Make Your Page Load Instantly (jec+/dev)692
, , , , , ,
Measure LCP Sub-Parts to Improve Largest Contentful Paint (deb)691
,
Resource Loading at the Cutting Edge690
Kicking the Excessive JavaScript Habit (mic)689
, ,
Psychology of Speed: A Guide to Perceived Performance (fox/cal)688
,
The Unbearable Weight of Massive JavaScript (rya)687
, ,
URL Parser Performance (bag)686
,
Optimizing Frontend Performance: Mastering Memoization, Throttling, and Debouncing685
, , ,
A Faster Web in 2024 (rvi)684
, ,
Using CSS “content-visibility” to Boost Your Rendering Performance (log)683
,
Why We Need a “Green” Perf Metric (scr)682
, ,
How Core Web Vitals Saved Users 10,000 Years of Waiting for Web Pages to Load (add+/dev)681
, ,
Performance in React and Next.js (ver)680
, ,
Speeding Up the JavaScript Ecosystem—Tailwind CSS (mar)679
,
Learn Performance (kev+/dev)678
Answering Common Questions About Interpreting Page Speed Reports (geo/sma)677
20 Effective Tips to Speed Up Your Drupal Website676
, ,
Effective Strategies for Optimizing Performance675
,
Liquid vs. Headless: A Look at Real User Web Performance (sia)674
, , ,
Performance Optimization With Worker Threads Node.js673
, ,
Tailwind vs. Semantic CSS672
, , , ,
Solid.js Creator Outlines Options to Reduce JavaScript Code (low/the)671
The Three Cs: Concatenate, Compress, Cache (css)670
,
Back/Forward Cache (phi+/dev)669
, , ,
The Hidden Performance Cost of Node.js and GraphQL668
,
Speeding Up the JavaScript Ecosystem—the Barrel File Debacle (mar)667
,
The Ultimate Low-Quality Image Placeholder Technique (css)666
,
Optimizing Web Fonts (ver)665
, ,
Speeding Up the JavaScript Ecosystem—Polyfills Gone Rogue (mar)664
,
Experimenting With Measuring Soft Navigations (tun/dev)663
, , ,
The Psychology of Web Performance (tam/btc)662
, ,
Get All That Network Activity Under Control With Priority Hints (mac)661
,
Sustainability and Tech and Us (j9t)660
, ,
Stop Lazy Loading Product and Hero Images (gri/clo)659
,
I Think I Kind of Hate Lazy Loading (ede)658
Why Do I Have Layout Shift? (una+/dev)657
,
Five Optimization and Performance Tools That Enhance Website User Experience656
, , ,
Benchmarks [for 24 CSV Parsing Approaches]655
, ,
Code Splitting in React: Optimize Performance by Splitting Your Code654
, ,
Debugging Speculation Rules (tun/dev)653
,
A Guide to Optimizing JavaScript Files652
, , , ,
How Layout Position Impacts Three Big Web Performance Levers (sia)651
Google Tag Manager Performance: 9 Tips for Faster Site Speed650
, ,
A Guide to Single-Page Application Performance649
, , ,
How to Improve Performance of Your Database by Indexing Large Tables648
, ,
Optimizing Speed on ebay.com (add)647
, ,
How We Optimized Performance to Serve a Global Audience (sma)646
,
Speeding Up V8 Heap Snapshots (jda)645
, , ,
You Probably Don’t Need “http-equiv” Meta Tags (rvi)644
, ,
Core Web Vitals for Search Engine Optimisation: What Do We Need to Know? (css)643
,
Preload vs. Early Hints vs. Fetch Priority642
, , , ,
A Case Study on Scroll-Driven Animations Performance (dev)641
, , ,
Loading and Progress Indicators (uxd)640
, ,
How to Prevent Unnecessary React Component Re-Rendering639
, ,
Tree Shaking in JavaScript638
,
Is Lighthouse a Misleading Performance Tool?637
, , ,
What Is Page Bloat? And How Is It Hurting Your Business, Your Search Rank, and Your Users? (tam/spe)636
, , ,
In Defence of “DOM­Content­Loaded” (css)635
,
What Does the Image “decoding” Attribute Actually Do? (tun)634
, ,
Debugging INP (scr)633
, ,
The Cost of JavaScript 2023 (add)632
,
Too Much JavaScript? Why the Frontend Needs to Build Better (low/the)631
,
Style Recalculation Secrets They Don’t Want You to Know (pat/css)630
, ,
Before Your Next Frontend Pull Request, Use This Checklist (tra/evi)629
, , , , ,
Reducing Complexity in Front End Development (mic)628
, ,
How to Detect Unnecessary Renderings of DOM Elements in Your Web App to Improve Performance627
, , , ,
How Chrome Achieved High Scores on Three Browser Benchmarks (dev)626
, ,
Performance Is Not a Checklist (tka)625
Watch Out for Layout Shifts With “ch” Units (pau/clo)624
,
Deploying AVIF for More Responsive Websites (dev)623
,
Announcing INP as the Next Core Web Vital: What Shopify Stores Can Do Now (sia)622
,
Introducing INP to Core Web Vitals621
, ,
How to Optimize Web Responsiveness With Interaction to Next Paint (ann/dev)620
, ,
The 9 Most Effective Core Web Vitals Opportunities of 2023 (tun/dev)619
,
Advancing Interaction to Next Paint (rvi+/dev)618
Script Evaluation and Long Tasks (mal/dev)617
,
Optimize Input Delay (mal/dev)616
,
How Large DOM Sizes Affect Interactivity, and What You Can Do About It (mal/dev)615
, ,
Find Slow Interactions in the Field (mal/dev)614
,
Diagnose Slow Interactions in the Lab (mal/dev)613
Client-Side Rendering of HTML and Interactivity (mal/dev)612
,
Pay Attention to Web Performance Metrics to Improve the UX (uxm)611
, , ,
5 Best Practices to Sustainably Improve Core Web Vitals (ben/cal)610
,
The Intersectionality of Web Performance (ada)609
,
Make Your Website Load Fast by Optimizing Request Priorities (deb)608
,
A Complete Guide to Performance Budgets (spe)607
, ,
Load Websites Faster With Code Splitting606
,
Practical Guide to Not Blocking the Event Loop605
, , ,
CDNs: Speed Up Performance by Reducing Latency (aus)604
Reducing the Cost of String Serialization in Node.js Core603
,
Frontend Web Performance Checklist602
Exploring the Potential of Web Workers for Multithreading on the Web (sma)601
, ,
Intro to Runtime Performance in the Chrome DevTools Performance Panel (ann)600
, , , , ,
DevTools: A Better Way to Visualize Your JavaScript599
, , , , , , ,
Speeding Up the JavaScript Ecosystem—Draft-js Emoji Plugin (mar)598
,
Serving Less Data to Users With the “prefers-reduced-data” Media Query (sea)597
, ,
Costly CSS Properties and How to Optimize Them596
,
Understanding CSS Preload and Other Resource Hints (log)595
,
Load Balancing (sam)594
, ,
The Performance Golden Rule Revisited (tka)593
The Real Difference Between “useMemo” and “Memo” in React592
, ,
Slow Start and Congestion Control (Browser Networking)591
,
10 Ways to Hide Elements in CSS (cra)590
, ,
7 Tricks to Take the Performance of Your Website to the Moon589
, ,
Flutter Performance Optimization Techniques and Best Practices588
, ,
Defaulting on Single Page Applications (SPA) (zac)587
,
Senior Engineering Strategies for Advanced React and TypeScript (tec)586
, , , , , , ,
The Ultimate Guide to Image Optimisation (fox/cal)585
, , ,
Speeding Up the JavaScript Ecosystem—npm Scripts (mar)584
, ,
2023 Web Framework Performance Report (ast)583
, , , , , , , ,
Optimising Large Contentful Paint (css/btc)582
, ,
Client-Side JavaScript and React Criticism: What Comes Next? (mol)581
, , , ,
The JavaScript Site Generator Review, 2023 (zac)580
, , , , , , , ,
This Is Why Performance Matters (bel)579
,
An Approach to Lazy Loading Custom Elements (css)578
,
Caching at DEV577
,
What’s New in Lighthouse 10 (dev)576
, ,
Speeding Up the JavaScript Ecosystem—ESLint (mar)575
, ,
The Gotcha With Animating Custom Properties (bra)574
, ,
Monitoring Node.js Performance (ano)573
, ,
Speed for Who? (bel)572
, ,
Your Web Performance Is Too Reactive; It’s Time to Do More Than Put Out Fires (fox/cal)571
Optimal Images in HTML (ste/bui)570
, , ,
The Modern Way of Serving Images (kur)569
,
How to Review a Web Site (uxm)568
, ,
Optimize Time to First Byte (mal/dev)567
The Truth About CSS Selector Performance (pat)566
,
Why We Switched CDNs: How Google’s Core Web Vitals Led Us to Cloudflare Pages565
, ,
Optimizing the Image Element LCP (sma)564
,
Speeding Up the JavaScript Ecosystem—Module Resolution (mar)563
, , ,
Why Not “document.write()”? (css)562
Our Top Core Web Vitals Recommendations for 2023 (phi+/dev)561
,
Why Web Performance Still Matters in 2023 (sia)560
Priority Hints and Optimizing LCP (kev)559
, ,
Performance Culture Through the Looking-Glass558
,
The RUM Archive and Benford’s Law557
HTTP/3 Prioritization Demystified (pro)556
,
Signals: The Nitty-Gritty (web)555
,
Bad Performance Is Bad Accessibility (bru)554
Beating Latency on Scalemates.com (tim)553
The Performance Inequality Gap, 2023 (sli)552
Using Inline JavaScript Modules to Prevent CSS Blockage (sto)551
,
An HTML-First Mental Model (noa)550
,
Get Off the Main Thread With an Inline Web Worker: An Example (sto)549
, ,
LCP(FE) (tim)548
Web Performance and Compression547
Optimize Interaction to Next Paint (mal+/dev)546
,
Accessibility: The Land That “Time to Interactive” Forgot (tin)545
,
Adding Complementary Performance Data to Your Site (mat)544
Reduce Image Sizes by Removing Metadata543
, ,
Fast Is Good, Instant Is Better (tun)542
Prerender Pages in Chrome for Instant Page Navigations (tun/dev)541
, ,
Developing Faster JavaScript Apps: The Ultimate Guide to Web Workers (cra)540
, , ,
7 Website Performance Metrics to Track for Better UX (cal)539
,
Speeding Up the JavaScript Ecosystem—One Library at a Time (mar)538
,
Lazy Loading Images in HTML (sim)537
,
A Guide to Image Optimization on Jamstack Sites (daw/sma)536
, , , , ,
Improving React Interaction Times by 4×535
,
Early Learnings for Early Hints at Shopify (sia)534
, , ,
Client-Side Routing Without the JavaScript (rya/thi)533
,
6 Steps to Improve HTML Images for Users and Developers (aus)532
, ,
HTML and CSS Features, Tips for a 10× Faster Page Loading Speed531
, ,
Is Turbopack Really 10× Faster Than Vite? (eva)530
, ,
CSS Runtime Performance529
,
A Beginner’s Guide to Chrome Tracing (nol)528
, , , ,
Performance (rvi/htt)527
, , , ,
Conditionally Adaptive CSS—Browser Behavior That Might Improve Your Performance (pep)526
,
How We Improved React Loading Times by 70% With Next.js525
, ,
Which Serverless Edge Platform Has the Fastest Git Deployments? (den)524
, , ,
CDN (htt)523
, , , , ,
How to Animate CSS Box Shadows and Optimize Performance522
, , ,
Speeding Up Async Snippets (css)521
,
Sustainable Web Development Strategies Within an Organization (mic/sma)520
,
SVG Sprites: Old-School, Modern, Unknown, and Forgotten (pep)519
, ,
How to Optimize Resource Loading With the “fetchpriority” Attribute (deb)518
, ,
Optimize Long Tasks (mal/dev)517
,
Performance Budgets: The Easiest Way to a Faster Site (fox/cal)516
GIFs Without the .gif: The Most Performant Image and Video Options Right Now (oll/css)515
, , ,
Five Data-Loading Patterns to Boost Web Performance (sma)514
Page Weight (htt)513
, , ,
Element Timing: One True Metric to Rule Them All? (spe)512
, ,
Will Serving Real HTML Content Make a Website Faster? Let’s Experiment!511
, ,
Total Blocking Time: A Short and Sweet Guide for Happier Users (ben/cal)510
How to Substantially Slow Down Your Node.js Server509
,
Your Next.js Bundle Will Thank You508
,
How to Improve Largest Contentful Paint for Faster Load Times (fox/cal)507
, ,
Critical CSS? Not So Fast! (css)506
Disabled JavaScript Turns Off Native Lazy Loading (ste)505
, ,
Why Your Website Should Be Under 14 kB in Size504
Measure What You Impact, Not What You Influence (css)503
,
Optimize Data Fetching502
Can Browsers Optimize the Loading of Third-Party Resources? (add/dev)501
,
Tip: Use “fetchpriority=high” to Load Your LCP Hero Image Sooner (add)500
,
(Re-)Introducing Gatsby, a Reactive Site Generator499
, , , ,
How and Why We Removed jQuery From GOV.UK498
,
Core Web Vitals Tools to Boost Your Web Performance Scores (sma)497
,
Making a Website Under 1 kB496
,
Which Generator Builds Markdown the Fastest? (zac)495
, ,
500 ms to 1.7 ms in React: A Journey and a Checklist494
Priority Hints—What Your Browser Doesn’t Know (Yet)493
Fix Web Performance for the Long-Term (sia)492
,
Powerful Image Optimization Tools (lou/sma)491
, , ,
Can SVG Symbols Affect Web Performance?490
,
Avoiding “<img>” Layout Shifts: “aspect-ratio” vs. “width” and “height” Attributes (jaf)489
, , , , ,
Frontend Web Performance: The Essentials488
,
Faster WordPress Rendering With 3 Lines of Configuration (sto)487
, , ,
Imagemin Guard (j9t)486
, , , , , , , ,
A CLS Punishment for Progressive Enhancement? (bel/pic)485
,
Everything You Need to Know About Web Performance (in 5 Minutes)484
,
Style Scoping Versus Shadow DOM: Which Is Fastest? (nol)483
, , , , ,
How to Remove 99% of JavaScript From Main Thread (wea)482
, ,
What We’ve Learned From One Year of Real User Monitoring Data on GOV.UK481
,
Measuring the Performance of Typefaces for Users II (sma)480
,
Measuring the Performance of Typefaces for Users (sma)479
,
Don’t Sink Your Website With Third Parties (sma)478
,
Two Lines of CSS That Boosts 7× Rendering Performance477
,
Conditionally Loading CSS or Any Resource Using Media Queries (ami)476
,
Rethinking Server-Timing as a Critical Monitoring Tool (sma)475
, , ,
Don’t Fight the Browser Preload Scanner (mal/dev)474
, ,
How to Use Google CrUX to Analyze and Compare the Performance of JS Frameworks (sma)473
, , , ,
Performance Game Changer: Browser Back/Forward Cache (tun/sma)472
, ,
A Management Maturity Model for Performance (sli)471
Get to Know Your Browser’s Performance Profiler470
, ,
Understanding the Performance Impact of Anti-Flicker Snippets (spe)469
Is Measuring Speed a Useful Metric for Design Systems? (amy+)468
, ,
Faster Initialization of Instances With New Class Features467
, , ,
How to Improve Core Web Vitals (8 Ways)466
,
The Ultimate Guide to Optimizing JavaScript for Quick Page Loads (ste/bui)465
, ,
Core Web Vitals: Finding Common Ground Between SEOs and Developers (moz)464
, ,
How to Optimize Your LCP (with Visuals) (ste)463
, ,
Picture Perfect Images With the Modern “<img>” Element (add)462
, ,
Optimising Largest Contentful Paint (css)461
Speed Needs Design, or: You Can’t Delight Users You’ve Annoyed460
,
The Web Is for Everyone: Our Vision for the Evolution of the Web (moz)459
, , , , ,