Frontend Dogma

“performance” Archive (2)

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