Tech is political: The people under attack in Palestine 🇵🇸, Iran 🇮🇷, and Lebanon 🇱🇧 are people like us. They’re our brothers and sisters, too. Read up on their history, scrutinize what you’re told, and demand respect, accountability, and support. Hide

dxsrc

“performance” News Archive (2)

Entry (Sources) and Additional TopicsDate#
Core Web Vitals for Search Engine Optimisation: What Do We Need to Know? (css)746
web-vitals, seo
Preload vs. Early Hints vs. Fetch Priority745
videos, html, http, hints, comparisons, preloading
A Case Study on Scroll-Driven Animations Performance744
animations, scrolling, css, javascript
Loading and Progress Indicators743
user-experience, design-patterns, progress-indicators
Tree Shaking in JavaScript742
javascript, tree-shaking
How to Prevent Unnecessary React Component Re-Rendering741
how-tos, react, client-side-rendering
Is Lighthouse a Misleading Performance Tool?740
lighthouse, web-vitals, tooling
What Is Page Bloat? And How Is It Hurting Your Business, Your Search Rank, and Your Users? (tam/spe)739
user-experience, user-conversion, metrics, economics
In Defence of “DOMContentLoaded” (css)738
javascript, dom
Comparing npm, Yarn, and pnpm Package Managers: Which One Is Right for Your Distributed Project to Handle High Loads?737
npm, yarn, pnpm, comparisons, best-practices
What Does the Image “decoding” Attribute Actually Do? (tun)736
html, attributes, images
Debugging INP (scr)735
videos, debugging, web-vitals
The Cost of JavaScript 2023 (add)734
videos, javascript
Too Much JavaScript? Why the Frontend Needs to Build Better733
javascript, web-platform
Style Recalculation Secrets They Don’t Want You to Know (pat/css)732
videos, css, selectors
Before Your Next Frontend Pull Request, Use This Checklist (tra/evi)731
checklists, compression, dependencies, accessibility, legibility, naming
Reducing Complexity in Front End Development (mic)730
complexity, css, javascript
How to Detect Unnecessary Renderings of DOM Elements in Your Web App to Improve Performance729
how-tos, rendering, dom, debugging, angular
How Chrome Achieved High Scores on Three Browser Benchmarks728
browsers, chrome
Performance Is Not a Checklist (tka)727
user-experience
Watch Out for Layout Shifts With “ch” Units (pau/clo)726
css, units
Deploying AVIF for More Responsive Websites725
images, avif
Announcing INP as the Next Core Web Vital: What Shopify Stores Can Do Now (sia)724
web-vitals, shopify
Introducing INP to Core Web Vitals723
introductions, web-vitals, search, seo
Advancing Interaction to Next Paint (rvi+)722
web-vitals
The 9 Most Effective Core Web Vitals Opportunities of 2023 (tun)721
videos, web-vitals
How to Optimize Web Responsiveness With Interaction to Next Paint (ann)720
videos, how-tos, web-vitals
Optimize Input Delay (mal)719
web-vitals, optimization
Script Evaluation and Long Tasks (mal)718
javascript, web-vitals
Find Slow Interactions in the Field (mal)717
web-vitals, auditing
Diagnose Slow Interactions in the Lab (mal)716
web-vitals
Client-Side Rendering of HTML and Interactivity (mal)715
html, client-side-rendering
How Large DOM Sizes Affect Interactivity, and What You Can Do About It (mal)714
dom, html, optimization
Pay Attention to Web Performance Metrics to Improve the UX (uxm)713
metrics, user-experience, web-vitals, optimization
5 Best Practices to Sustainably Improve Core Web Vitals (ben/cal)712
web-vitals, best-practices
The Intersectionality of Web Performance711
sustainability, dei
Make Your Website Load Fast by Optimizing Request Priorities (mat/deb)710
optimization, network
A Complete Guide to Performance Budgets (spe)709
guides, performance-budgets, metrics
Load Websites Faster With Code Splitting708
code-splitting, react
CDNs: Speed Up Performance by Reducing Latency (aus)707
content-delivery
Practical Guide to Not Blocking the Event Loop706
guides, javascript, event-loop, events
Reducing the Cost of String Serialization in Node.js Core (yag)705
nodejs, strings
Frontend Web Performance Checklist (jac)704
checklists
Exploring the Potential of Web Workers for Multithreading on the Web (sma)703
web-workers, multithreading, javascript
Intro to Runtime Performance in the Chrome DevTools Performance Panel (ann/thi)702
videos, introductions, dev-tools, browsers, chrome
DevTools: A Better Way to Visualize Your JavaScript701
dev-tools, visualization, browsers, lighthouse, chrome, edge
Speeding Up the JavaScript Ecosystem—Draft-js Emoji Plugin (mar)700
javascript, plugins
Serving Less Data to Users With the “prefers-reduced-data” Media Query (sea)699
css, media-queries, sustainability
Costly CSS Properties and How to Optimize Them698
css, optimization
Understanding CSS Preload and Other Resource Hints (log)697
css, hints, preloading
Load Balancing (sam)696
load-balancing, visualization, architecture
The Performance Golden Rule Revisited (tka)695
metrics
The Real Difference Between “useMemo” and “Memo” in React694
react, hooks, examples
Slow Start and Congestion Control (Browser Networking)693
protocols, tcp
10 Ways to Hide Elements in CSS (cra)692
hiding, css, accessibility
7 Tricks to Take the Performance of Your Website to the Moon691
minification, tree-shaking, tips-and-tricks
Flutter Performance Optimization Techniques and Best Practices690
flutter, optimization, best-practices
Defaulting on Single Page Applications (SPA) (zac)689
single-page-apps, javascript
Senior Engineering Strategies for Advanced React and TypeScript (tec)688
strategies, react, typescript, architecture, testing, accessibility, security, maintenance
The Ultimate Guide to Image Optimisation (fox/cal)687
guides, images, compression, optimization
Speeding Up the JavaScript Ecosystem—npm Scripts (mar)686
javascript, bundling, npm
2023 Web Framework Performance Report685
frameworks, astro, sveltekit, gatsby, remix, wordpress, nextjs, nuxt, comparisons
Optimising Large Contentful Paint (css/btc)684
videos, web-vitals, optimization
Client-Side JavaScript and React Criticism: What Comes Next?683
javascript, react, accessibility, resilience, progressive-enhancement
The JavaScript Site Generator Review, 2023 (zac)682
site-generators, comparisons, astro, eleventy, gatsby, nextjs, nuxt, remix, sveltekit
This Is Why Performance Matters (bel)681
javascript, user-experience
An Approach to Lazy Loading Custom Elements (css)680
web-components, lazy-loading
Caching at DEV679
case-studies, caching
What’s New in Lighthouse 10678
release-notes, lighthouse
Speeding Up the JavaScript Ecosystem—ESLint (mar)677
javascript, eslint, linting
The Gotcha With Animating Custom Properties (bra)676
css, animations, custom-properties
Speed for Who? (bel)675
frameworks, developer-experience, user-experience
Monitoring Node.js Performance (ano)674
nodejs, monitoring, tooling, nsolid
Optimal Images in HTML (ste/bui)673
html, images, backgrounds, optimization
Your Web Performance Is Too Reactive; It’s Time to Do More Than Put Out Fires (fox/cal)672
The Modern Way of Serving Images (kur)671
images, html
How to Review a Web Site (uxm)670
how-tos, user-experience, seo
Optimize Time to First Byte (mal)669
optimization
The Truth About CSS Selector Performance (pat)668
css, selectors
Why We Switched CDNs: How Google’s Core Web Vitals Led Us to Cloudflare Pages667
content-delivery, web-vitals, cloudflare
Optimizing the Image Element LCP (sma)666
web-vitals, images
Speeding Up the JavaScript Ecosystem—Module Resolution (mar)665
javascript, modules, esm, commonjs
Why Not “document.write()”? (css)664
javascript
Our Top Core Web Vitals Recommendations for 2023 (phi+)663
web-vitals, best-practices
Why Web Performance Still Matters in 2023 (sia)662
Priority Hints and Optimizing LCP (kev)661
web-vitals, optimization, hints
Performance Culture Through the Looking-Glass (per)660
videos, culture
The RUM Archive and Benford’s Law (per)659
HTTP/3 Prioritization Demystified (pro/per)658
http, protocols
Signals: The Nitty-Gritty (web/per)657
javascript, signals
Bad Performance Is Bad Accessibility (bru)656
accessibility
Beating Latency on Scalemates.com (tim/per)655
optimization
The Performance Inequality Gap, 2023 (sli)654
javascript, metrics
Using Inline JavaScript Modules to Prevent CSS Blockage (sto/per)653
javascript, css
An HTML-First Mental Model (noa/per)652
html, dom
Get Off the Main Thread With an Inline Web Worker: An Example (sto/per)651
javascript, web-workers, examples
LCP(FE) (tim/per)650
web-vitals
Web Performance and Compression (per)649
compression
Optimize Interaction to Next Paint (mal+)648
optimization, web-vitals
Adding Complementary Performance Data to Your Site (eth/mat)647
apis
Accessibility: The Land That “Time to Interactive” Forgot (tin/per)646
videos, accessibility
Reduce Image Sizes by Removing Metadata (per)645
images, metadata, optimization
Fast Is Good, Instant Is Better (tun/per)644
caching
Prerender Pages in Chrome for Instant Page Navigations (tun)643
browsers, chrome
7 Website Performance Metrics to Track for Better UX (cal)642
user-experience, metrics
Developing Faster JavaScript Apps: The Ultimate Guide to Web Workers (cra)641
guides, web-apps, web-workers, javascript
Speeding Up the JavaScript Ecosystem—One Library at a Time (mar)640
javascript, libraries
Minification and Cache Directives for the Most Popular Websites of the Internet (dvk)639
minification, javascript, css, html, lightning-css, html-minifier, metrics, caching
Lazy Loading Images in HTML (sim)638
html, lazy-loading
A Guide to Image Optimization on Jamstack Sites (daw/sma)637
guides, images, compression, optimization, tech-stacks, jamstack
Improving React Interaction Times by 4×636
react, optimization
Early Learnings for Early Hints at Shopify (sia/per)635
videos, case-studies, shopify, hints
Client-Side Routing Without the JavaScript (rya/thi)634
javascript, frameworks
6 Steps to Improve HTML Images for Users and Developers (aus)633
html, images, responsive-design
HTML and CSS Features, Tips for a 10× Faster Page Loading Speed632
html, css, tips-and-tricks
Is Turbopack Really 10× Faster Than Vite? (eva)631
tooling, bundling, turbopack, vite
CSS Runtime Performance630
slides, css
A Beginner’s Guide to Chrome Tracing (nol)629
guides, browsers, chrome, tracing
Performance (rvi/htt)628
web-almanac, studies, research, metrics, web-vitals
Conditionally Adaptive CSS—Browser Behavior That Might Improve Your Performance (pep)627
css, responsive-design
How We Improved React Loading Times by 70% With Next.js626
react, nextjs, case-studies
Which Serverless Edge Platform Has the Fastest Git Deployments? (den)625
serverless, edge-computing, git, deploying
CDN (htt)624
web-almanac, studies, research, metrics, content-delivery, tooling
Speeding Up Async Snippets (css)623
javascript, asynchrony
How to Animate CSS Box Shadows and Optimize Performance622
how-tos, css, animations, shadows
Sustainable Web Development Strategies Within an Organization (mic/sma)621
sustainability, optimization
SVG Sprites: Old-School, Modern, Unknown, and Forgotten (pep)620
svg, images, sprites
How to Optimize Resource Loading With the “fetchpriority” Attribute (mat/deb)619
how-tos, html, optimization
Optimize Long Tasks (mal)618
javascript, optimization
Performance Budgets: The Easiest Way to a Faster Site (fox/cal)617
performance-budgets
GIFs Without the .gif: The Most Performant Image and Video Options Right Now (oll/css)616
multimedia, images, gif, html
Five Data-Loading Patterns to Boost Web Performance (sma)615
Page Weight (jam/htt)614
web-almanac, studies, research, metrics
Element Timing: One True Metric to Rule Them All? (and/spe)613
time, apis, metrics
Will Serving Real HTML Content Make a Website Faster? Let’s Experiment! (sco)612
studies, research, html
How to Substantially Slow Down Your Node.js Server611
how-tos, nodejs
Total Blocking Time: A Short and Sweet Guide for Happier Users (ben/cal)610
javascript
Your Next.js Bundle Will Thank You609
nextjs, bundling
Critical CSS? Not So Fast! (css)608
css, critical-path
How to Improve Largest Contentful Paint for Faster Load Times (fox/cal)607
how-tos, web-vitals, optimization
Disabled JavaScript Turns Off Native Lazy Loading (ste)606
javascript, html, lazy-loading
Why Your Website Should Be Under 14 kB in Size605
protocols
Measure What You Impact, Not What You Influence (css)604
metrics, optimization
Optimize Data Fetching603
data-fetching
Can Browsers Optimize the Loading of Third-Party Resources? (add)602
browsers, embed-code
Tip: Use “fetchpriority=high” to Load Your LCP Hero Image Sooner (add)601
html, web-vitals
(Re-)Introducing Gatsby, a Reactive Site Generator600
gatsby, react, reactivity, site-generators, introductions
How and Why We Removed jQuery From GOV.UK599
jquery, maintainability
Core Web Vitals Tools to Boost Your Web Performance Scores (sma)598
web-vitals, tooling
Making a Website Under 1 kB597
minimalism, html
Which Generator Builds Markdown the Fastest? (zac)596
site-generators, markdown, comparisons
500 ms to 1.7 ms in React: A Journey and a Checklist595
react
Fix Web Performance for the Long-Term (sia)594
testing, processes
Priority Hints—What Your Browser Doesn’t Know (Yet)593
hints
Powerful Image Optimization Tools (lou/sma)592
link-lists, images, compression, tooling
Can SVG Symbols Affect Web Performance?591
svg, images
Avoiding “<img>” Layout Shifts: “aspect-ratio” vs. “width” and “height” Attributes (jaf)590
web-vitals, comparisons, html, attributes, aspect-ratio, css
Frontend Web Performance: The Essentials589
fundamentals, javascript
Faster WordPress Rendering With 3 Lines of Configuration (sto)588
wordpress, css, http, configuration
Image Guard (j9t)587
packages, npm, images, compression, jpeg, png, gif, webp, avif
A CLS Punishment for Progressive Enhancement? (bel/pic)586
web-vitals, progressive-enhancement
Everything You Need to Know About Web Performance (in 5 Minutes)585
web-vitals, compression
Style Scoping Versus Shadow DOM: Which Is Fastest? (nol)584
selectors, scope, dom, shadow-dom, comparisons, metrics
How to Remove 99% of JavaScript From Main Thread (wea)583
videos, how-tos, javascript
What We’ve Learned From One Year of Real User Monitoring Data on GOV.UK (the)582
monitoring, metrics
Measuring the Performance of Typefaces for Users II (sma)581
typography, fonts
Measuring the Performance of Typefaces for Users (sma)580
typography, fonts
Don’t Sink Your Website With Third Parties (sma)579
embed-code, dependencies
Two Lines of CSS That Boosts 7× Rendering Performance578
css, rendering
Conditionally Loading CSS or Any Resource Using Media Queries (ami)577
html, media-queries
Rethinking Server-Timing as a Critical Monitoring Tool (sma)576
time, http, metrics, monitoring
Don’t Fight the Browser Preload Scanner (mal)575
browsers, html, parsing
How to Use Google CrUX to Analyze and Compare the Performance of JS Frameworks (sma)574
how-tos, google, crux, metrics, javascript, frameworks
A Management Maturity Model for Performance (sli)573
Performance Game Changer: Browser Back/Forward Cache (tun/sma)572
browsers, caching, web-vitals
Get to Know Your Browser’s Performance Profiler571
browsers, tooling, profiling
Understanding the Performance Impact of Anti-Flicker Snippets (and/spe)570
web-vitals
Is Measuring Speed a Useful Metric for Design Systems? (amy+)569
videos, metrics, design-systems
Faster Initialization of Instances With New Class Features (joy)568
browsers, javascript, javascript-engines, v8
How to Improve Core Web Vitals (8 Ways)567
how-tos, web-vitals
The Ultimate Guide to Optimizing JavaScript for Quick Page Loads (ste/bui)566
guides, javascript, optimization
Core Web Vitals: Finding Common Ground Between SEOs and Developers (moz)565
web-vitals, seo, metrics
How to Optimize Your LCP (with Visuals) (ste)564
how-tos, web-vitals, optimization
Optimising Largest Contentful Paint (css)563
web-vitals
Picture Perfect Images With the Modern “<img>” Element (add)562
images, html, web-vitals
Speed Needs Design, or: You Can’t Delight Users You’ve Annoyed561
design, user-experience
The Web Is for Everyone: Our Vision for the Evolution of the Web (moz)560
web, outlooks, privacy, security, accessibility, user-experience
Optimising Core Web Vitals on SPAs (sim)559
web-vitals, single-page-apps, optimization
Improving Your User Experience to Reduce Bounce Rates (uxm)558
user-experience, usability, seo
Performance Tests on Common JavaScript Array Methods (hac)557
testing, javascript, arrays
Optimizing SVG Patterns to Their Smallest Size (css)556
svg, images
The Impact That High Quality Mark-Up Can Have on Accessibility, Performance, and Discoverability (vle)555
videos, html, accessibility
The Weirdly Obscure Art of Streamed HTML554
html, streaming
Making the World’s Fastest Website, and Other Mistakes553
mistakes
Ten Years of Page Bloat: What Have We Learned? (spe)552
web-vitals, user-experience
A New Speed Milestone for Chrome551
browsers, chrome
Performance Signals for Customizing Website UX (tun/sma)550
user-experience, web-vitals, customization
7 Ways to Achieve a Faster Core Web Vitals Score (hac)549
web-vitals
Should Frontend Devs Care About Performance?548
Top 2021 CSS Frameworks Report: The CSS File Sizes (cit)547
studies, research, frameworks, css
Improving a CDN’s Cache Hit Ratio (erw)546
content-delivery, caching
How to Make MPAs That Are as Fast as SPAs (cfe)545
how-tos, multi-page-apps, single-page-apps
Minimizing Google Fonts by Only Loading It for Certain Characters (ami)544
typography, google, fonts, minimalism
Core Web Vitals: What Next? (moz)543
web-vitals, seo
The Difference Between Brotli and Gzip Compression Algorithms to Speed Up Your Site542
compression, brotli, gzip
This Is Why Your Node.js Application Is Slow541
nodejs
Reducing the Web’s Carbon Footprint: Optimizing Social Media Embeds (mic/sma)540
social-media, embed-code, sustainability
Improving JavaScript Bundle Performance With Code-Splitting (cod/sma)539
javascript, bundling, code-splitting, optimization
Speed Matters, but It Isn’t Everything538
user-experience, metrics
Caching Header Best Practices (sim)537
caching, http, http-headers, best-practices
Big Images, Blazingly Fast536
images, quality
Optimize Your PNGs With Oxipng and pre-commit (ada)535
images, png, compression, tooling
How to Avoid Layout Shifts Caused by Web Fonts (sim)534
how-tos, user-experience, fonts
Website Performance and the Planet (fer)533
sustainability, caching
Memory Leaks: The Forgotten Side of Web Performance (nol)532
memory
Improving WordPress Performance: An Open Letter (erw)531
open-letters, wordpress, css, javascript
Exposing Mid-Resource LCP Values (per)530
web-vitals
A Unified Theory of Web Performance (sli/per)529
Page Visibility: If a Tree Falls in the Forest… (pau/per)528
web-vitals, user-experience
Using Diagnostic Metrics (ann/per)527
metrics
Practical Tips for Load-Testing Web Applications (per)526
testing, tips-and-tricks, web-apps
The Business Case for Performance (per)525
economics
Faster Websites by Using Less HTML (j9t)524
cross-posts, html, optimization, minimalism
Redirect Liquidation (tim/per)523
optimization, redirecting
Frontend Web Performance: The Essentials522
fundamentals, rendering
Web Performance, Core Web Vitals, and Vanity Metrics (per)521
web-vitals, metrics
Hands On With the New Responsiveness Metrics (per)520
responsive-design, metrics
Explain Like I’m Five: Web Performance Optimization (sto/per)519
optimization
Performance Implications of JavaScript Errors (per)518
javascript, errors
Defer Non-Critical Resources (per)517
html
Caching: Understanding the Scope (per)516
caching
Test Your Product on a Crappy Laptop (eri/css)515
testing, usability
HTTP Compression (per)514
http, protocols, compression
Have Core Web Vitals Made the Web Faster? (tun/per)513
web-vitals
Plugging Memory Leaks in Your App (sto/per)512
memory
Request for a General Theory of Web Performance (per)511
Page Weight (htt)510
web-almanac, studies, research, metrics
Smashing Podcast Episode 44 With Chris Ferdinandi: Is the Web Dead? (cfe+/sma)509
podcasts, interviews, web-platform, standards, tooling, developer-experience
7 Ways to Improve Node.js Performance at Scale (app)508
nodejs, optimization
How JavaScript Engines Achieve Great Performance507
javascript, javascript-engines
Improving the Performance of Wix Websites (Case Study) (sma)506
monitoring, culture, case-studies
Designing Sustainable Websites (ger)505
sustainability, software-design
Performance (sia/htt)504
web-almanac, studies, research, metrics, user-experience
Get Your “Head” Straight (css/btc)503
videos, html
Your CSS Is an Interface (eri)502
css
Why IndexedDB Is Slow and What to Use Instead501
databases, indexeddb, javascript
Why Your Website Should Not Use Dithered Images500
images, dithering, compression
Using Web Workers to Boost Third-Party Script Performance (log)499
web-workers, javascript
Chrome DevTools: Record and Playback Your User Journeys498
dev-tools, user-experience, browsers, chrome
Everything You Have to Know About Core Web Vitals (fox/cal)497
web-vitals
How to Implement Memoization in React to Improve Performance496
how-tos, react, memoization, optimization
Best Practices on Embedding Third-Party Web Widgets495
embed-code, best-practices
Web Performance Metrics Cheatsheet (ire)494
metrics, cheat-sheets
Building an Effective Image Component493
components, javascript
New HTTP Standards for Caching on the Modern Web (pim)492
http, protocols, caching, standards
Optimizing Resource Loading With the Fetch Priority API (add+)491
data-fetching, apis, optimization
How I Made Google’s Data Grid Scroll 10× Faster With One Line of CSS490
css
My Challenge to the Web Performance Community (phi)489
jsPerf—Online JavaScript Performance Benchmark488
websites, javascript
Using Modern Image Formats: AVIF and WebP (add/sma)487
images, avif, webp, jpeg, png, comparisons, compression
Faster React Apps With Memoization486
react, memoization
ct.css—Let’s Take a Look Inside Your “<head>” (css)485
css, debugging
Small Bundles, Fast Pages: What to Do With Too Much JavaScript (cal)484
javascript, bundling
Optimizing Images on the Web483
images, cloudflare
Vanilla JS Is a Web Performance Decision (cfe)482
javascript
Blowing Up HTML Size With Responsive Images (deb)481
html, images, responsive-design
Designing for Long Waits and Interruptions: Mitigating Breaks in Workflow in Complex Application Design (nng)480
user-experience, complexity
Writing High-Performance JavaScript (cfe)479
javascript
What Are the Web Performance Metrics That Actually Matter? (cfe)478
metrics
Lighthouse Scores Do Not Affect Google Search/SEO (erw)477
lighthouse, google, search, seo
HTTP/3: Performance Improvements (pro/sma)476
http, protocols
Does Shadow DOM Improve Style Performance? (nol)475
dom, shadow-dom, rendering
Big O, Code Efficiency Analysis474
algorithms
“<Lazy>” Rendering in Vue to Improve Performance473
vuejs, client-side-rendering, optimization
A Performance-Focused Workflow Based on Google Tools472
web-vitals, tooling, google
How We Reduced Next.js Page Size by 3.5× and Achieved a 98 Lighthouse Score471
nextjs, lighthouse, case-studies
CSS Architecture and Performance in Micro Frontends470
css, architecture, micro-frontends
Learnings From a WebPageTest Session on CSS-Tricks (chr/css)469
webpagetest
A Beginner’s Guide to Lighthouse468
guides, lighthouse, web-vitals
How to Eliminate Render-Blocking Resources: A Deep Dive (sia)467
how-tos, rendering
What Is Tree Shaking? (cfe)466
javascript, concepts, tree-shaking
The Performance Effects of Too Much Lazy-Loading (rvi+)465
web-vitals, lazy-loading
Performance Design: The Illusion of Speed464
user-experience
Resource Inlining in JavaScript Frameworks (mge)463
javascript, frameworks, web-vitals
Making the Web—Faster462
web, developer-experience, principles
Half the Size of Images by Optimising for High Density Displays (jaf)461
html, images
Serving Sharp Images to High Density Screens (jaf)460
images
What Can the HTTP Archive Tell Us About Largest Contentful Paint? (pau)459
Using AVIF to Compress Images on Your Site458
images, avif, compression
Best Practices for Fonts (tun)457
fonts, best-practices
CSS for Web Vitals (una)456
css, web-vitals
How to Fix Cumulative Layout Shift (CLS) Issues (tun/sma)455
how-tos, web-vitals
Elasticsearch Boolean Query Performance (ast)454
tooling, search
Tree-Shaking: A Reference Guide (ati/sma)453
guides, optimization, javascript, tree-shaking
Reducing HTML Payload With Next.js (Case Study) (sma)452
nextjs, html, case-studies
An Introduction to Performance Budgets451
introductions, performance-budgets, metrics
The Lazy-Loading Property Pattern in JavaScript (nza)450
javascript, software-design-patterns, lazy-loading
9 Principles of Good Web Design449
design, principles, simplicity, navigation, content, layout, mobile
Bypassing Cookie Consent Banners in Lighthouse and WebPageTest (and)448
consent-management, cookies, lighthouse, webpagetest, testing
The 5-Hour CDN (fly)447
content-delivery
Measuring Web Performance in Mobile Safari (css)446
testing, mobile, browsers, safari
39 Page Speed Optimization Tips (to Crush Your Load Time)445
optimization, tips-and-tricks
What About Ember? (tka)444
emberjs
Testing Performance (kel)443
testing
Front-End Performance 2021: Build Optimizations (sma)442
checklists, link-lists, building
Front-End Performance 2021: Assets Optimizations (sma)441
checklists, link-lists, compression, images
Front-End Performance 2021: Delivery Optimizations (sma)440
checklists, link-lists
HTML and CSS Techniques to Reduce Your JavaScript (per)439
html, css, javascript
Continuous Performance Analysis With Lighthouse CI and GitHub Actions (css)438
lighthouse, github-actions
Optimizing Image Depth (mey/css)437
images, quality, optimization
Page Weight (htt)436
web-almanac, studies, research, metrics
Time to Say Goodbye to Google Fonts: Cache Performance435
google, fonts, caching
Ruthlessly Eliminating Layout Shift on netlify.com (zac)434
netlify, web-vitals, optimization
Best Practices for Inclusive Textual Websites433
security, accessibility, best-practices
Measuring Core Web Vitals With Sentry (fon/css)432
web-vitals, tooling
Warp: Improved JS Performance in Firefox 83 (jan/moz)431
firefox, browsers, javascript, spidermonkey, javascript-engines
The What, Why, and How of Using a Skeleton Loading Screen (tre)430
placeholders, react
Core Web Vitals: A Guide to Google’s Web Performance Metrics (cra)429
guides, google, web-vitals
Signed Exchanges (SXGs) (twi)428
authentication, signed-exchanges, web-packaging
How to Create High-Performance CSS Animations427
how-tos, css, animations
Reducing the Site Speed Impact of Third-Party Tags (and)426
embed-code
Enforcing Performance Budgets With Webpack (css)425
performance-budgets, webpack
AVIF Has Landed (jaf)424
images, avif, quality, jpeg, webp, svg, png, comparisons
Loading Third-Party JavaScript (add)423
javascript
Performance Is an Issue of Equity (clo)422
accessibility
Lazy Loading Images in Svelte (css)421
images, lazy-loading, svelte
Methods of Improving and Optimizing Performance in React Apps (sma)420
react, optimization
We Need More Inclusive Web Performance Metrics (sco)419
metrics, dei
How I Used Brotli to Get Even Smaller CSS and JavaScript Files at CDN Scale (css)418
compression, brotli
5 Projects to Help You Master Modern CSS (cra)417
css, print, forms
Core Web Vitals (chr/css)416
web-vitals, metrics
On Fixed Elements and Backgrounds (hui)415
css, backgrounds, positioning, scrolling
Speed Up Google Fonts (css)414
google, fonts
The Need for Speed, 23 Years Later (nng)413
user-experience, history
Maybe You Don’t Need That SPA412
single-page-apps, javascript, react, marko
prerender.js (chr/css)411
libraries
Introducing Web Vitals: Essential Metrics for a Healthy Site410
introductions, web-vitals, metrics
Real-World Effectiveness of Brotli (css)409
compression, brotli, comparisons
The Cost of JavaScript Frameworks (tka)408
javascript, frameworks, metrics, jquery, vuejs, angular, react
Start Render: The Web Performance Metric That Heralds the End of the Blank Page407
metrics, web-vitals
Performance Tips: Minifying HTML, CSS, and JS406
videos, html, css, javascript, minification, tips-and-tricks
Setting Height and Width on Images Is Important Again (tun/sma)405
html, images, web-vitals
Improving Perceived Performance With the CSS “font-display” Property (the)404
css, fonts
Page Builders Might Not Be a Good Idea (cit)403
maintainability, consistency, quality
Encrypting DNS Query Bad for Performance? (erw)402
dns, http, encryption, security
Do This to Improve Image Loading on Your Website (fon/css)401
images, html
Google Tag Manager vs. Page Speed: The Impact and How to Improve400
google, tag-management, analytics, optimization
The Web in 2020: Extensibility and Interoperability (una/css)399
web-platform, extensibility, interoperability, houdini, variable-fonts, custom-properties, logical-properties, web-components, media-queries
Should You Self-Host Google Fonts? (tun)398
fonts, google, self-hosting
Improving Site Performance With Webpack Tree Shaking397
optimization, webpack, tree-shaking
Performance Budgets, Pragmatically (css)396
performance-budgets
Putting Devs Before Users: How Frameworks Destroyed Web Performance395
frameworks, developer-experience
An HTML Optimizer’s Config for HTML Minifier (j9t)394
html, html-minifier, minification, optimization, configuration, minimalism
How Do You Remove Unused CSS From a Site? (chr/css)393
css, tooling
Stop Using Ridiculously Low DNS TTLs (jed)392
dns, content-delivery, load-balancing
Speed Up Your Website With WebP (sma)391
optimization, webp, images
A Guide to Optimizing Images for Mobile (sma)390
guides, images, optimization, mobile
On Writing Better Markup (j9t)389
html, quality, maintainability, terminology
Workflow Considerations for Using an Image Management Service (chr/css)388
images, tooling, content-delivery
Recipes for Performance Testing Single Page Applications in Webpagetest (pha/css)387
testing, single-page-apps, tooling, webpagetest
Some HTML Is “Optional” (chr/css)386
html, standards
Faster Image Loading With Embedded Image Previews (sma)385
images, lazy-loading, techniques, javascript
Other Ways to SPAs (chr/css)384
single-page-apps, tooling
Lazy Load Embedded YouTube Videos (chr/css)383
youtube, lazy-loading, embed-code
Optional HTML: Everything You Need to Know (j9t)382
html, minimalism
Accessibility and Web Performance Are Not Features, They’re the Baseline (fon/css)381
accessibility, amp, user-experience
Handling Unused CSS in Sass to Improve Performance (sma)380
css, sass, optimization
What CMS to Use for Optimale TTFB (and Site Speed?) (erw)379
content-management, metrics, wp-engine, automattic
I Used the Web for a Day on a 50 MB Budget (sma)378
mobile
How Google Pagespeed Works: Improve Your Score and Search Engine Ranking (ben/css)377
google, tooling, lighthouse, seo
Browsers Are Pretty Good at Loading Pages, It Turns Out376
javascript, rendering, browsers
The Simplest Way to Load CSS Asynchronously (sco)375
css, asynchrony
Shifting the Performance Burden (sco)374
Optimizing Google Fonts Performance (sma)373
google, fonts, optimization
How to Increase Your Page Size by 1,500% With Webpack and Vue (bur/css)372
webpack, vuejs
The Problem With Web Development Checklists, or: The Frontend Checklist, Revised (j9t)371
checklists, html, accessibility, seo, social-media
Responsible JavaScript (mal/ali)370
javascript, tree-shaking, code-splitting, embed-code, transpiling, tooling
Image Optimization in WordPress (sma)369
wordpress, images, optimization
Self-Host Your Static Assets (css)368
self-hosting, caching
Characteristics of a Strong Performance Culture (tka)367
culture, principles
Understanding Image Compression: Tooling and Context (j9t)366
images, compression, tooling
The Scoville Scale of Web Font Loading Opinions (zac/btc)365
videos, fonts
Browser Resource Hints: “preload”, “prefetch”, and “preconnect” (mat/deb)364
hints, html, http-headers, http, preloading
Optimizing Performance With Resource Hints (dre/sma)363
hints, optimization
The Serif Tax (chr/css)362
fonts, ttf
Improving Perceived Performance With the Link “rel=preconnect” HTTP Header (and)361
http, http-headers, hints
“Cache-Control” for Civilians (css)360
caching, http
How to Avoid DOM Blocking in JavaScript (cra)359
how-tos, dom, javascript
Rendering on the Web (add+)358
server-side-rendering, client-side-rendering, rendering, hydration, seo
8 Reasons Why You’re Doing SEO Wrong (erw)357
seo
HTML and Performance: Leave Out Optional Tags and Quotes (j9t)356
html
The Ethics of Web Performance (tka)355
ethics, accessibility
The Elements of UI Engineering (dan)354
user-experience, consistency, navigation, prioritization, accessibility, internationalization, resilience
Static vs. Server Rendering353
rendering, comparisons, react
Speed Up Next-Page Navigations With Prefetching (add)352
hints, html, http-headers, http, webpack
Keeping Sass Simple and Speedy on Eleventy (phi)351
sass, eleventy
Tips to Help You Write Faster MySQL Queries350
mysql, databases, tips-and-tricks
On Visions for Performance, or: Performance Optimization Is a Process (j9t)349
optimization, outlooks, processes
Front-End Developers Have to Manage the Loading Experience (chr/css)348
user-experience
Performance Rule #1: Do What You Need to Do—But Not More (j9t)347
simplicity
PageSpeed Insights, Now Powered by Lighthouse (che+)346
tooling, lighthouse
Performance Budgets 101345
introductions, performance-budgets, metrics
A Netflix Web Performance Case Study (add)344
netflix, case-studies
Reduce JavaScript Payloads With Code Splitting (mal)343
javascript, code-splitting
Improve Animated GIF Performance With HTML5 Video (sma)342
images, gif, multimedia
A Guide to Caching in WordPress341
guides, wordpress, caching, plugins
How to Configure Lighthouse for Balanced Quality Websites (j9t)340
how-tos, lighthouse, configuration, quality
A Minimal JavaScript Setup (css)339
javascript, conventions, naming, scope, maintainability, examples
Chrome’s Noscript Intervention (tka)338
chrome, browsers, javascript, mobile
20 Tips for Optimizing CSS Performance (cra)337
css, optimization, tips-and-tricks
Variable Fonts: What They Are, and How to Use Them336
how-tos, fonts, variable-fonts
Browser Painting and Considerations for Web Performance (css)335
browsers, browser-engines, painting, rendering
Slow Websites (geo/css)334
performance-budgets
The Cost of JavaScript in 2018 (add)333
javascript, code-splitting, lazy-loading, performance-budgets, bundling
HTTP/2: The Difference Between HTTP/1.1, Benefits, and How to Use It332
protocols, http, comparisons
Delivering WordPress in 7 KB (css)331
wordpress, themes
HTTP/2: Background, Performance Benefits, and Implementations330
protocols, http
Improving Performance Perception: On-Demand Image Resizing (swa)329
optimization, images, resizing, html
Tips for Writing Better Performing PHP Code328
php, tips-and-tricks
How I Dropped 250 KB of Dead CSS Weight With PurgeCSS (sar)327
css, purgecss
The Four Big Ways Jetpack Helps With Image Performance (css)326
wordpress, plugins, images
Here’s the Thing About “Unused CSS” Tools (chr/css)325
css, quality, tooling
7 Performance Tips for Jank-Free JavaScript Animations324
javascript, animations, tips-and-tricks
Making Your Website Faster and Safer With Cloudflare323
caching, security, cloudflare
How Do You Know Your Website Is a Success? (sma)322
product-management, strategies, metrics, user-experience, content, microcontent, navigation, testing
Page Transitions for Everyone (css)321
design, user-experience, animations, transitions, caching
Introducing Last Painted Hero (spe)320
introductions
How Fast Is AMP Really? (tka)319
amp, metrics
Three Techniques for Performant Custom Font Usage (oll/css)318
fonts, techniques, flash-of-x
AMP News (chr/css)317
amp, community
Website Performance—Does Your Hosting Plan Matter?316
hosting
Why Fast Matters (css/btc)315
videos, economics
Finding Dead CSS (css)314
css, maintenance
How to Optimize CSS and JS for Faster Sites313
how-tos, css, javascript, minification, optimization
SYN Packet Handling in the Wild312
tcp, protocols, network
Performance of CSS Selectors Is Still Irrelevant (j9t)311
css, selectors
Progressive Web Apps: A Crash Course310
crash-courses, web-apps, progressive-web-apps, lighthouse
Optimizing CSS: Tweaking Animation Performance With DevTools309
css, animations, optimization, dev-tools, browsers, firefox
On Big Picture Thinking in Web Development (j9t)308
user-experience, maintainability, consistency, accessibility, outlooks
How to Optimize SQL Queries for Faster Sites307
how-tos, sql, mysql, databases, caching, optimization
Understanding the “Vary” Header (tri/sma)306
http, http-headers, caching
The Front-End Checklist (the)305
websites, checklists, html, css, javascript, images, accessibility, seo
The State of the Web (fox)304
web
Using the Paint Timing API (mal/css)303
apis, time, painting, rendering, javascript
(Now More Than Ever) You Might Not Need jQuery (oll/css)302
jquery, javascript, ajax, comparisons, examples
Three Reasons Why You Should Care About Google Lighthouse (fox/cal)301
lighthouse, google
What Google AMP Means for the JavaScript Community300
amp, google, javascript, open-web
What Is the Future of Front End Web Development? (chr/css)299
outlooks, user-experience, javascript, documentation, native, web, urls, css, preprocessors, html, building, tooling
What We Talk About When We Talk About Web Performance (btc)298
videos
Let the Content Delivery Network Optimize Your Images (jon/sma)297
content-delivery, images, optimization
Optimizing Web Fonts for Performance: The State of the Art296
fonts, optimization
Moving From PHP (Laravel) to Go (dvk)295
migrating, php, laravel, go, metrics
Brotli and Static Compression (mal/css)294
compression, brotli, gzip, comparisons
What Are Performance Budgets and Why You Should Use One293
performance-budgets
A Comprehensive Guide to HTTP/2 Server Push (mal/sma)292
guides, http, protocols, servers
Cut the File Size With These Three HTML Minification Tools291
minification, tooling, html, minimize, html-minifier, compression, comparisons, gzip
Guetzli, Google’s New JPEG Encoder (tel)290
images, jpeg, compression, tooling
AMP and the Web (tka)289
amp, web-platform, web
Considering How We Use HTTP/2 (mal/ali)288
optimization, http, protocols
Using HTTP/2 Responsibly: Adapting for Users (mal/ali)287
http, protocols, support, servers
11 Tips to Optimize JavaScript and Improve Website Loading and Rendering Speeds286
javascript, optimization, minification, compression, caching
The Web, Worldwide (tka)285
websites, metrics
A Checklist for Website Reviews (hcr)284
checklists, browsers, seo, accessibility, security
Performant Parallaxing (aer)283
scrolling, css, effects, parallax, positioning
Performance: Shame, Hope, Nuance, and Interesting Problems (bka)282
The Joy of Optimizing (una/btc)281
videos, images, optimization
Web Packaging Format280
web-packaging
Next Generation Server Compression With Brotli (mal/sma)279
compression, brotli, gzip, comparisons
When Is the Right Time to Think About Web Performance? (fon/css)278
processes
High Performance SVGs (sar/css)277
svg, images, tooling, optimization
The Performance Benefits of “rel=noopener” (jaf)276
html, links, security
Ways You Need to Tell the Browser How to Optimize (chr/css)275
browsers, css, optimization
Accessibility and Performance (mar)274
accessibility, javascript, optimization
Service Workers and PWAs: It’s About Reliable Performance, Not “Offline” (sli)273
web-apps, progressive-web-apps, web-workers, javascript, reliability
6 SEO Trends to Watch for in 2016272
trends, seo, content, marketing, mobile, social-media
How to Optimize Mobile Performance (sma)271
how-tos, mobile, optimization, performance-budgets, content-management, caching, testing
CPP: A Standardized Alternative to AMP (tka)270
amp, policies
Critical Metric: Critical Resources269
metrics, css, javascript
Lazy-Loading Images: How Not to Really Annoy Your Users268
images, lazy-loading, jquery
10 Web Predictions for 2016 (cra)267
web, outlooks, security, site-generators, browsers, css, mobile, webassembly, seo
Why You Should Choose Your Own HTTPS (hel)266
http, content-delivery, tooling, cloudflare
The Problem With Progressive Enhancement265
progressive-enhancement, javascript, resilience
Critical Web Fonts (zac)264
fonts, css, flash-of-x, critical-path, metrics
The Cost of Frameworks Recap (chr/css)263
frameworks
Loading Web Fonts With the Web Font Loader (fon/css)262
fonts, flash-of-x, user-experience
JavaScript Frameworks and Mobile Performance261
javascript, frameworks, mobile
Design + Performance (zem/btc)260
videos, design, user-experience
The 5 Biggest Killers for Your WordPress Speed259
wordpress, caching, images, minification
HTTP/2: The Pros, the Cons, and What You Need to Know258
protocols, http
Performance Budgets in Action (spe)257
performance-budgets
AMP and Incentives (tka)256
amp, web
Using Web Fonts the Best Way (in 2015) (hel)255
fonts
Introducing RAIL: A User-Centric Model for Performance (pau/sma)254
introductions, metrics, user-experience
Factors Affecting Website Performance253
network, browsers, memory, servers, images, multimedia
Preloading Images in Parallel With Promises (kit)252
javascript, promises, images, preloading
Delivering Responsibly (sco/btc)251
videos, usability, accessibility, sustainability
10 Common Mistakes Web Developers Make250
mistakes, html, css, javascript, career
5 Easy Performance Tweaks for Node.js Express (cra)249
nodejs, express, optimization, compression
Strategies for Cache-Busting CSS (chr/css)248
css, caching, tooling, strategies
Understanding Critical CSS (sma)247
css, critical-path