Frontend Dogma

“performance” Archive (2)

Entry (Sources) and Other Related TopicsDate#
Testing the Performance of Social Media Embeds (mic)685
, ,
An Informed Pre-Caching Strategy for Large Sites684
,
Fastest Way of Passing State to JavaScript, Re-Visited (kur)683
,
Debugging BFCache, Make Your Page Load Instantly (jec+/dev)682
, , , , , ,
Measure LCP Sub-Parts to Improve Largest Contentful Paint (deb)681
,
Resource Loading at the Cutting Edge680
Kicking the Excessive JavaScript Habit (mic)679
, ,
Psychology of Speed: A Guide to Perceived Performance (fox/cal)678
,
The Unbearable Weight of Massive JavaScript (rya)677
, ,
URL Parser Performance (bag)676
,
Optimizing Frontend Performance: Mastering Memoization, Throttling, and Debouncing675
, , ,
A Faster Web in 2024 (rvi)674
, ,
Using CSS “content-visibility” to Boost Your Rendering Performance (log)673
,
Why We Need a “Green” Perf Metric (scr)672
, ,
How Core Web Vitals Saved Users 10,000 Years of Waiting for Web Pages to Load (add+/dev)671
, ,
Performance in React and Next.js (ver)670
, ,
Speeding Up the JavaScript Ecosystem—Tailwind CSS (mar)669
,
Learn Performance (kev+/dev)668
Answering Common Questions About Interpreting Page Speed Reports (geo/sma)667
20 Effective Tips to Speed Up Your Drupal Website666
, ,
Effective Strategies for Optimizing Performance665
,
Liquid vs. Headless: A Look at Real User Web Performance (sia)664
, , ,
Performance Optimization With Worker Threads Node.js663
, ,
Tailwind vs. Semantic CSS662
, , , ,
Solid.js Creator Outlines Options to Reduce JavaScript Code (low/the)661
The Three Cs: Concatenate, Compress, Cache (css)660
,
Back/Forward Cache (phi+/dev)659
, , ,
The Hidden Performance Cost of Node.js and GraphQL658
,
Speeding Up the JavaScript Ecosystem—the Barrel File Debacle (mar)657
,
The Ultimate Low-Quality Image Placeholder Technique (css)656
,
Optimizing Web Fonts (ver)655
, ,
Speeding Up the JavaScript Ecosystem—Polyfills Gone Rogue (mar)654
,
Experimenting With Measuring Soft Navigations (tun/dev)653
, , ,
The Psychology of Web Performance (tam/btc)652
, ,
Get All That Network Activity Under Control With Priority Hints (mac)651
,
Sustainability and Tech and Us (j9t)650
, ,
Stop Lazy Loading Product and Hero Images (gri/clo)649
,
I Think I Kind of Hate Lazy Loading (ede)648
Why Do I Have Layout Shift? (una+/dev)647
,
Five Optimization and Performance Tools That Enhance Website User Experience646
, , ,
Benchmarks [for 24 CSV Parsing Approaches]645
, ,
Code Splitting in React: Optimize Performance by Splitting Your Code644
, ,
Debugging Speculation Rules (tun/dev)643
,
A Guide to Optimizing JavaScript Files642
, , , ,
How Layout Position Impacts Three Big Web Performance Levers (sia)641
Google Tag Manager Performance: 9 Tips for Faster Site Speed640
, ,
A Guide to Single-Page Application Performance639
, , ,
How to Improve Performance of Your Database by Indexing Large Tables638
, ,
Optimizing Speed on ebay.com (add)637
, ,
How We Optimized Performance to Serve a Global Audience (sma)636
,
Speeding Up V8 Heap Snapshots (jda)635
, , ,
You Probably Don’t Need “http-equiv” Meta Tags (rvi)634
, ,
Core Web Vitals for Search Engine Optimisation: What Do We Need to Know? (css)633
,
Preload vs. Early Hints vs. Fetch Priority632
, , , ,
A Case Study on Scroll-Driven Animations Performance (dev)631
, , ,
Loading and Progress Indicators (uxd)630
, ,
How to Prevent Unnecessary React Component Re-Rendering629
, ,
Tree Shaking in JavaScript628
,
Is Lighthouse a Misleading Performance Tool?627
, , ,
What Is Page Bloat? And How Is It Hurting Your Business, Your Search Rank, and Your Users? (tam/spe)626
, , ,
In Defence of “DOM­Content­Loaded” (css)625
,
What Does the Image “decoding” Attribute Actually Do? (tun)624
, ,
Debugging INP (scr)623
, ,
The Cost of JavaScript 2023 (add)622
,
Too Much JavaScript? Why the Frontend Needs to Build Better (low/the)621
,
Style Recalculation Secrets They Don’t Want You to Know (pat/css)620
, ,
Before Your Next Frontend Pull Request, Use This Checklist (evi)619
, , , , ,
Reducing Complexity in Front End Development (mic)618
, ,
How to Detect Unnecessary Renderings of DOM Elements in Your Web App to Improve Performance617
, , , ,
How Chrome Achieved High Scores on Three Browser Benchmarks (dev)616
, ,
Performance Is Not a Checklist (tka)615
Watch Out for Layout Shifts With “ch” Units (pau/clo)614
,
Deploying AVIF for More Responsive Websites (dev)613
,
Announcing INP as the Next Core Web Vital: What Shopify Stores Can Do Now (sia)612
,
Introducing INP to Core Web Vitals611
, ,
How to Optimize Web Responsiveness With Interaction to Next Paint (ann/dev)610
, ,
The 9 Most Effective Core Web Vitals Opportunities of 2023 (tun/dev)609
,
Advancing Interaction to Next Paint (rvi+/dev)608
Script Evaluation and Long Tasks (mal/dev)607
,
Optimize Input Delay (mal/dev)606
,
How Large DOM Sizes Affect Interactivity, and What You Can Do About It (mal/dev)605
, ,
Find Slow Interactions in the Field (mal/dev)604
,
Diagnose Slow Interactions in the Lab (mal/dev)603
Client-Side Rendering of HTML and Interactivity (mal/dev)602
,
Pay Attention to Web Performance Metrics to Improve the UX (uxm)601
, , ,
5 Best Practices to Sustainably Improve Core Web Vitals (ben/cal)600
,
The Intersectionality of Web Performance (ada)599
,
Make Your Website Load Fast by Optimizing Request Priorities (deb)598
,
A Complete Guide to Performance Budgets (spe)597
, ,
Load Websites Faster With Code Splitting596
,
Practical Guide to Not Blocking the Event Loop595
, , ,
CDNs: Speed Up Performance by Reducing Latency (aus)594
Reducing the Cost of String Serialization in Node.js Core593
,
Frontend Web Performance Checklist592
Exploring the Potential of Web Workers for Multithreading on the Web (sma)591
, ,
Intro to Runtime Performance in the Chrome DevTools Performance Panel (ann)590
, , , , ,
DevTools: A Better Way to Visualize Your JavaScript589
, , , , , , ,
Speeding Up the JavaScript Ecosystem—Draft-js Emoji Plugin (mar)588
,
Serving Less Data to Users With the “prefers-reduced-data” Media Query (sea)587
, ,
Costly CSS Properties and How to Optimize Them586
,
Understanding CSS Preload and Other Resource Hints (log)585
,
Load Balancing (sam)584
, ,
The Performance Golden Rule Revisited (tka)583
The Real Difference Between “useMemo” and “Memo” in React582
, ,
Slow Start and Congestion Control (Browser Networking)581
,
10 Ways to Hide Elements in CSS (cra)580
, ,
7 Tricks to Take the Performance of Your Website to the Moon579
, ,
Flutter Performance Optimization Techniques and Best Practices578
, ,
Defaulting on Single Page Applications (SPA) (zac)577
,
Senior Engineering Strategies for Advanced React and TypeScript (tec)576
, , , , , , ,
The Ultimate Guide to Image Optimisation (fox/cal)575
, , ,
Speeding Up the JavaScript Ecosystem—npm Scripts (mar)574
, ,
2023 Web Framework Performance Report (ast)573
, , , , , , , ,
Optimising Large Contentful Paint (css/btc)572
, ,
Client-Side JavaScript and React Criticism: What Comes Next? (mol)571
, , , ,
The JavaScript Site Generator Review, 2023 (zac)570
, , , , , , , ,
This Is Why Performance Matters (bel)569
,
An Approach to Lazy Loading Custom Elements (css)568
,
Caching at DEV567
,
What’s New in Lighthouse 10 (dev)566
, ,
Speeding Up the JavaScript Ecosystem—ESLint (mar)565
, ,
The Gotcha With Animating Custom Properties (bra)564
, ,
Monitoring Node.js Performance (ano)563
, ,
Speed for Who? (bel)562
, ,
Your Web Performance Is Too Reactive; It’s Time to Do More Than Put Out Fires (fox/cal)561
Optimal Images in HTML (ste/bui)560
, , ,
The Modern Way of Serving Images (kur)559
,
How to Review a Web Site (uxm)558
, ,
Optimize Time to First Byte (mal/dev)557
The Truth About CSS Selector Performance (pat)556
,
Why We Switched CDNs: How Google’s Core Web Vitals Led Us to Cloudflare Pages555
, ,
Optimizing the Image Element LCP (sma)554
,
Speeding Up the JavaScript Ecosystem—Module Resolution (mar)553
, , ,
Why Not “document.write()”? (css)552
Our Top Core Web Vitals Recommendations for 2023 (phi+/dev)551
,
Why Web Performance Still Matters in 2023 (sia)550
Priority Hints and Optimizing LCP (kev)549
, ,
Performance Culture Through the Looking-Glass548
,
The RUM Archive and Benford’s Law547
HTTP/3 Prioritization Demystified (pro)546
,
Signals: The Nitty-Gritty (web)545
,
Bad Performance Is Bad Accessibility (bru)544
Beating Latency on Scalemates.com (tim)543
The Performance Inequality Gap, 2023 (sli)542
Using Inline JavaScript Modules to Prevent CSS Blockage (sto)541
,
An HTML-First Mental Model (noa)540
,
Get Off the Main Thread With an Inline Web Worker: An Example (sto)539
, ,
LCP(FE) (tim)538
Web Performance and Compression537
Optimize Interaction to Next Paint (mal+/dev)536
,
Accessibility: The Land That “Time to Interactive” Forgot (tin)535
,
Adding Complementary Performance Data to Your Site (mat)534
Reduce Image Sizes by Removing Metadata533
, ,
Fast Is Good, Instant Is Better (tun)532
Prerender Pages in Chrome for Instant Page Navigations (tun/dev)531
, ,
Developing Faster JavaScript Apps: The Ultimate Guide to Web Workers (cra)530
, , ,
7 Website Performance Metrics to Track for Better UX (cal)529
,
Speeding Up the JavaScript Ecosystem—One Library at a Time (mar)528
,
Lazy Loading Images in HTML (sim)527
,
A Guide to Image Optimization on Jamstack Sites (daw/sma)526
, , , , ,
Improving React Interaction Times by 4×525
,
Early Learnings for Early Hints at Shopify (sia)524
, , ,
Client-Side Routing Without the JavaScript (rya/thi)523
,
6 Steps to Improve HTML Images for Users and Developers (aus)522
, ,
HTML and CSS Features, Tips for a 10× Faster Page Loading Speed521
, ,
Is Turbopack Really 10× Faster Than Vite?520
, ,
CSS Runtime Performance519
,
A Beginner’s Guide to Chrome Tracing (nol)518
, , , ,
Performance (rvi/htt)517
, , , ,
Conditionally Adaptive CSS—Browser Behavior That Might Improve Your Performance (pep)516
,
How We Improved React Loading Times by 70% With Next.js515
, ,
Which Serverless Edge Platform Has the Fastest Git Deployments? (den)514
, , ,
CDN (htt)513
, , , , ,
How to Animate CSS Box Shadows and Optimize Performance512
, , ,
Speeding Up Async Snippets (css)511
,
Sustainable Web Development Strategies Within an Organization (mic/sma)510
,
SVG Sprites: Old-School, Modern, Unknown, and Forgotten (pep)509
, ,
How to Optimize Resource Loading With the “fetchpriority” Attribute (deb)508
, ,
Optimize Long Tasks (mal/dev)507
,
Performance Budgets: The Easiest Way to a Faster Site (fox/cal)506
GIFs Without the .gif: The Most Performant Image and Video Options Right Now (oll/css)505
, , ,
Five Data-Loading Patterns to Boost Web Performance (sma)504
Page Weight (htt)503
, , ,
Will Serving Real HTML Content Make a Website Faster? Let’s Experiment!502
, ,
Element Timing: One True Metric to Rule Them All? (spe)501
,
Total Blocking Time: A Short and Sweet Guide for Happier Users (ben/cal)500
How to Substantially Slow Down Your Node.js Server499
,
Your Next.js Bundle Will Thank You498
,
How to Improve Largest Contentful Paint for Faster Load Times (fox/cal)497
, ,
Critical CSS? Not So Fast! (css)496
Disabled JavaScript Turns Off Native Lazy Loading (ste)495
, ,
Why Your Website Should Be Under 14 kB in Size494
Measure What You Impact, Not What You Influence (css)493
,
Optimize Data Fetching492
Can Browsers Optimize the Loading of Third-Party Resources? (add/dev)491
,
Tip: Use “fetchpriority=high” to Load Your LCP Hero Image Sooner (add)490
,
(Re-)Introducing Gatsby, a Reactive Site Generator489
, , , ,
How and Why We Removed jQuery From GOV.UK488
,
Core Web Vitals Tools to Boost Your Web Performance Scores (sma)487
,
Making a Website Under 1 kB486
,
Which Generator Builds Markdown the Fastest? (zac)485
, ,
500 ms to 1.7 ms in React: A Journey and a Checklist484
Priority Hints—What Your Browser Doesn’t Know (Yet)483
Fix Web Performance for the Long-Term (sia)482
,
Powerful Image Optimization Tools (lou/sma)481
, , ,
Can SVG Symbols Affect Web Performance?480
,
Avoiding “<img>” Layout Shifts: “aspect-ratio” vs. “width” and “height” Attributes (jaf)479
, , , ,
Frontend Web Performance: The Essentials478
,
Faster WordPress Rendering With 3 Lines of Configuration (sto)477
, , ,
Imagemin Guard (j9t)476
, , , , , , , ,
A CLS Punishment for Progressive Enhancement? (bel/pic)475
,
Everything You Need to Know About Web Performance (in 5 Minutes)474
,
Style Scoping Versus Shadow DOM: Which Is Fastest? (nol)473
, , , , ,
How to Remove 99% of JavaScript From Main Thread (wea)472
, ,
What We’ve Learned From One Year of Real User Monitoring Data on GOV.UK471
,
Measuring the Performance of Typefaces for Users II (sma)470
,
Measuring the Performance of Typefaces for Users (sma)469
,
Don’t Sink Your Website With Third Parties (sma)468
,
Two Lines of CSS That Boosts 7× Rendering Performance467
,
Conditionally Loading CSS or Any Resource Using Media Queries (ami)466
,
Rethinking Server-Timing as a Critical Monitoring Tool (sma)465
, ,
Don’t Fight the Browser Preload Scanner (mal/dev)464
, ,
How to Use Google CrUX to Analyze and Compare the Performance of JS Frameworks (dan/sma)463
, , , ,
Performance Game Changer: Browser Back/Forward Cache (tun/sma)462
, ,
A Management Maturity Model for Performance (sli)461
Get to Know Your Browser’s Performance Profiler460
, ,
Understanding the Performance Impact of Anti-Flicker Snippets (spe)459
Is Measuring Speed a Useful Metric for Design Systems? (amy+)458
, ,
Faster Initialization of Instances With New Class Features457
, , ,
How to Improve Core Web Vitals (8 Ways)456
,
The Ultimate Guide to Optimizing JavaScript for Quick Page Loads (ste/bui)455
, ,
Core Web Vitals: Finding Common Ground Between SEOs and Developers (moz)454
, ,
How to Optimize Your LCP (with Visuals) (ste)453
, ,
Picture Perfect Images With the Modern “<img>” Element (add)452
, ,
Optimising Largest Contentful Paint (css)451
Speed Needs Design, or: You Can’t Delight Users You’ve Annoyed450
,
The Web Is for Everyone: Our Vision for the Evolution of the Web (moz)449
, , , , ,
Optimising Core Web Vitals on SPAs (sim)448
, ,
Improving Your User Experience to Reduce Bounce Rates (uxm)447
, ,
Performance Tests on Common JavaScript Array Methods (hac)446
, ,
Optimizing SVG Patterns to Their Smallest Size (css)445
,
The Impact That High Quality Mark-Up Can Have on Accessibility, Performance, and Discoverability444
, ,
Making the World’s Fastest Website, and Other Mistakes443
The Weirdly Obscure Art of Streamed HTML442
,
Ten Years of Page Bloat: What Have We Learned? (spe)441
,
Performance Signals for Customizing Website UX (tun/sma)440
, ,
A New Speed Milestone for Chrome (dev)439
, ,
7 Ways to Achieve a Faster Core Web Vitals Score (hac)438
Should Frontend Devs Care About Performance?437
Top 2021 CSS Frameworks Report: The CSS File Sizes (cit)436
, , ,