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 that they be respected. Hide

Frontend Dogma

“performance” News Archive (2)

Entry (Sources) and Additional TopicsDate#
How Large DOM Sizes Affect Interactivity, and What You Can Do About It (mal)703
dom, html, optimization
Script Evaluation and Long Tasks (mal)702
javascript, web-vitals
Client-Side Rendering of HTML and Interactivity (mal)701
html, client-side-rendering
Pay Attention to Web Performance Metrics to Improve the UX (uxm)700
metrics, user-experience, web-vitals, optimization
5 Best Practices to Sustainably Improve Core Web Vitals (ben/cal)699
web-vitals, best-practices
The Intersectionality of Web Performance (ada)698
sustainability, dei
Make Your Website Load Fast by Optimizing Request Priorities (mat/deb)697
optimization, network
A Complete Guide to Performance Budgets (spe)696
guides, performance-budgets, metrics
Load Websites Faster With Code Splitting695
code-splitting, react
CDNs: Speed Up Performance by Reducing Latency (aus)694
content-delivery
Practical Guide to Not Blocking the Event Loop693
guides, javascript, event-loop, events
Reducing the Cost of String Serialization in Node.js Core (yag)692
nodejs, strings
Frontend Web Performance Checklist (jac)691
checklists
Exploring the Potential of Web Workers for Multithreading on the Web (sma)690
web-workers, multithreading, javascript
Intro to Runtime Performance in the Chrome DevTools Performance Panel (ann/thi)689
videos, introductions, dev-tools, browsers, chrome
DevTools: A Better Way to Visualize Your JavaScript688
dev-tools, visualization, browsers, lighthouse, chrome, edge
Serving Less Data to Users With the “prefers-reduced-data” Media Query (sea)687
css, media-queries, sustainability
Speeding Up the JavaScript Ecosystem—Draft-js Emoji Plugin (mar)686
javascript, plugins
Costly CSS Properties and How to Optimize Them685
css, optimization
Understanding CSS Preload and Other Resource Hints (log)684
css, hints, preloading
Load Balancing (sam)683
load-balancing, visualization, architecture
The Performance Golden Rule Revisited (tka)682
metrics
The Real Difference Between “useMemo” and “Memo” in React681
react, hooks, examples
Slow Start and Congestion Control (Browser Networking)680
protocols, tcp
7 Tricks to Take the Performance of Your Website to the Moon679
minification, tree-shaking, tips-and-tricks
10 Ways to Hide Elements in CSS (cra)678
hiding, css, accessibility
Flutter Performance Optimization Techniques and Best Practices677
flutter, optimization, best-practices
Defaulting on Single Page Applications (SPA) (zac)676
single-page-apps, javascript
Senior Engineering Strategies for Advanced React and TypeScript (tec)675
strategies, react, typescript, architecture, testing, accessibility, security, maintenance
The Ultimate Guide to Image Optimisation (fox/cal)674
guides, images, compression, optimization
Speeding Up the JavaScript Ecosystem—npm Scripts (mar)673
javascript, bundling, npm
2023 Web Framework Performance Report672
frameworks, astro, sveltekit, gatsby, remix, wordpress, nextjs, nuxt, comparisons
Client-Side JavaScript and React Criticism: What Comes Next? (mol)671
javascript, react, accessibility, resilience, progressive-enhancement
Optimising Large Contentful Paint (css/btc)670
videos, web-vitals, optimization
The JavaScript Site Generator Review, 2023 (zac)669
site-generators, comparisons, astro, eleventy, gatsby, nextjs, nuxt, remix, sveltekit
An Approach to Lazy Loading Custom Elements (css)668
web-components, lazy-loading
This Is Why Performance Matters (bel)667
javascript, user-experience
Caching at DEV666
case-studies, caching
What’s New in Lighthouse 10665
release-notes, lighthouse
Speeding Up the JavaScript Ecosystem—ESLint (mar)664
javascript, eslint, linting
The Gotcha With Animating Custom Properties (bra)663
css, animations, custom-properties
Speed for Who? (bel)662
frameworks, developer-experience, user-experience
Monitoring Node.js Performance (ano)661
nodejs, monitoring, tooling, nsolid
Optimal Images in HTML (ste/bui)660
html, images, backgrounds, optimization
Your Web Performance Is Too Reactive; It’s Time to Do More Than Put Out Fires (fox/cal)659
The Modern Way of Serving Images (kur)658
images, html
How to Review a Web Site (uxm)657
how-tos, user-experience, seo
Optimize Time to First Byte (mal)656
optimization
Why We Switched CDNs: How Google’s Core Web Vitals Led Us to Cloudflare Pages655
content-delivery, web-vitals, cloudflare
The Truth About CSS Selector Performance (pat)654
css, selectors
Optimizing the Image Element LCP (sma)653
web-vitals, images
Speeding Up the JavaScript Ecosystem—Module Resolution (mar)652
javascript, modules, esm, commonjs
Why Not “document.write()”? (css)651
javascript
Our Top Core Web Vitals Recommendations for 2023 (phi+)650
web-vitals, best-practices
Why Web Performance Still Matters in 2023 (sia)649
Priority Hints and Optimizing LCP (kev)648
web-vitals, optimization, hints
Performance Culture Through the Looking-Glass (per)647
videos, culture
The RUM Archive and Benford’s Law (per)646
HTTP/3 Prioritization Demystified (pro/per)645
http, protocols
Signals: The Nitty-Gritty (web/per)644
javascript, signals
Bad Performance Is Bad Accessibility (bru)643
accessibility
The Performance Inequality Gap, 2023 (sli)642
javascript, metrics
Beating Latency on Scalemates.com (tim/per)641
optimization
Using Inline JavaScript Modules to Prevent CSS Blockage (sto/per)640
javascript, css
An HTML-First Mental Model (noa/per)639
html, dom
Get Off the Main Thread With an Inline Web Worker: An Example (sto/per)638
javascript, web-workers, examples
LCP(FE) (tim/per)637
web-vitals
Web Performance and Compression (per)636
compression
Optimize Interaction to Next Paint (mal+)635
optimization, web-vitals
Adding Complementary Performance Data to Your Site (mat)634
apis
Accessibility: The Land That “Time to Interactive” Forgot (tin/per)633
videos, accessibility
Reduce Image Sizes by Removing Metadata (per)632
images, metadata, optimization
Fast Is Good, Instant Is Better (tun/per)631
caching
Prerender Pages in Chrome for Instant Page Navigations (tun)630
browsers, chrome
7 Website Performance Metrics to Track for Better UX (cal)629
user-experience, metrics
Developing Faster JavaScript Apps: The Ultimate Guide to Web Workers (cra)628
guides, web-apps, web-workers, javascript
Speeding Up the JavaScript Ecosystem—One Library at a Time (mar)627
javascript, libraries
Minification and Cache Directives for the Most Popular Websites of the Internet (dvk)626
minification, tooling, lightning-css, html-minifier, caching, metrics
Lazy Loading Images in HTML (sim)625
html, lazy-loading
A Guide to Image Optimization on Jamstack Sites (daw/sma)624
guides, images, compression, optimization, tech-stacks, jamstack
Improving React Interaction Times by 4×623
react, optimization
Early Learnings for Early Hints at Shopify (sia/per)622
videos, case-studies, shopify, hints
Client-Side Routing Without the JavaScript (rya/thi)621
javascript, frameworks
6 Steps to Improve HTML Images for Users and Developers (aus)620
html, images, responsive-design
HTML and CSS Features, Tips for a 10× Faster Page Loading Speed619
html, css, tips-and-tricks
Is Turbopack Really 10× Faster Than Vite? (eva)618
tooling, bundling, turbopack, vite
CSS Runtime Performance617
slides, css
A Beginner’s Guide to Chrome Tracing (nol)616
guides, browsers, chrome, tracing
Conditionally Adaptive CSS—Browser Behavior That Might Improve Your Performance (pep)615
css, responsive-design
Performance (rvi/htt)614
web-almanac, studies, research, metrics, web-vitals
How We Improved React Loading Times by 70% With Next.js613
react, nextjs, case-studies
Which Serverless Edge Platform Has the Fastest Git Deployments? (den)612
serverless, edge-computing, git, deploying
CDN (htt)611
web-almanac, studies, research, metrics, content-delivery, tooling
Speeding Up Async Snippets (css)610
javascript, asynchronicity
How to Animate CSS Box Shadows and Optimize Performance609
how-tos, css, animations, shadows
Sustainable Web Development Strategies Within an Organization (mic/sma)608
sustainability, optimization
SVG Sprites: Old-School, Modern, Unknown, and Forgotten (pep)607
svg, images, sprites
How to Optimize Resource Loading With the “fetchpriority” Attribute (mat/deb)606
how-tos, html, optimization
Optimize Long Tasks (mal)605
javascript, optimization
GIFs Without the .gif: The Most Performant Image and Video Options Right Now (oll/css)604
multimedia, images, gif, html
Performance Budgets: The Easiest Way to a Faster Site (fox/cal)603
performance-budgets
Five Data-Loading Patterns to Boost Web Performance (sma)602
Page Weight (jam/htt)601
web-almanac, studies, research, metrics
Element Timing: One True Metric to Rule Them All? (spe)600
time, apis, metrics
Will Serving Real HTML Content Make a Website Faster? Let’s Experiment!599
studies, research, html
Total Blocking Time: A Short and Sweet Guide for Happier Users (ben/cal)598
javascript
How to Substantially Slow Down Your Node.js Server597
how-tos, nodejs
Your Next.js Bundle Will Thank You596
nextjs, bundling
How to Improve Largest Contentful Paint for Faster Load Times (fox/cal)595
how-tos, web-vitals, optimization
Critical CSS? Not So Fast! (css)594
css, critical-path
Disabled JavaScript Turns Off Native Lazy Loading (ste)593
javascript, html, lazy-loading
Why Your Website Should Be Under 14 kB in Size592
protocols
Measure What You Impact, Not What You Influence (css)591
metrics, optimization
Optimize Data Fetching590
data-fetching
Can Browsers Optimize the Loading of Third-Party Resources? (add)589
browsers, embed-code
Tip: Use “fetchpriority=high” to Load Your LCP Hero Image Sooner (add)588
html, web-vitals
(Re-)Introducing Gatsby, a Reactive Site Generator587
gatsby, react, reactivity, site-generators, introductions
How and Why We Removed jQuery From GOV.UK586
jquery, maintainability
Core Web Vitals Tools to Boost Your Web Performance Scores (sma)585
web-vitals, tooling
Making a Website Under 1 kB584
minimalism, html
Which Generator Builds Markdown the Fastest? (zac)583
site-generators, markdown, comparisons
500 ms to 1.7 ms in React: A Journey and a Checklist582
react
Priority Hints—What Your Browser Doesn’t Know (Yet)581
hints
Fix Web Performance for the Long-Term (sia)580
testing, processes
Powerful Image Optimization Tools (lou/sma)579
link-lists, images, compression, tooling
Can SVG Symbols Affect Web Performance?578
svg, images
Avoiding “<img>” Layout Shifts: “aspect-ratio” vs. “width” and “height” Attributes (jaf)577
web-vitals, comparisons, html, attributes, aspect-ratio, css
Frontend Web Performance: The Essentials576
fundamentals, javascript
Faster WordPress Rendering With 3 Lines of Configuration (sto)575
wordpress, css, http, configuration
A CLS Punishment for Progressive Enhancement? (bel/pic)574
web-vitals, progressive-enhancement
Image Guard (j9t)573
packages, npm, images, compression, jpeg, png, gif, webp, avif
Everything You Need to Know About Web Performance (in 5 Minutes)572
web-vitals, compression
Style Scoping Versus Shadow DOM: Which Is Fastest? (nol)571
selectors, scope, dom, shadow-dom, comparisons, metrics
How to Remove 99% of JavaScript From Main Thread (wea)570
videos, how-tos, javascript
What We’ve Learned From One Year of Real User Monitoring Data on GOV.UK569
monitoring, metrics
Measuring the Performance of Typefaces for Users II (sma)568
typography, fonts
Measuring the Performance of Typefaces for Users (sma)567
typography, fonts
Don’t Sink Your Website With Third Parties (sma)566
embed-code, dependencies
Two Lines of CSS That Boosts 7× Rendering Performance565
css, rendering
Conditionally Loading CSS or Any Resource Using Media Queries (ami)564
html, media-queries
Rethinking Server-Timing as a Critical Monitoring Tool (sma)563
time, http, metrics, monitoring
Don’t Fight the Browser Preload Scanner (mal)562
browsers, html, parsing
How to Use Google CrUX to Analyze and Compare the Performance of JS Frameworks (sma)561
how-tos, google, metrics, javascript, frameworks
A Management Maturity Model for Performance (sli)560
Performance Game Changer: Browser Back/Forward Cache (tun/sma)559
browsers, caching, web-vitals
Get to Know Your Browser’s Performance Profiler558
browsers, tooling, profiling
Understanding the Performance Impact of Anti-Flicker Snippets (spe)557
web-vitals
Is Measuring Speed a Useful Metric for Design Systems? (amy+)556
videos, metrics, design-systems
Faster Initialization of Instances With New Class Features (joy)555
browsers, javascript, javascript-engines, v8
How to Improve Core Web Vitals (8 Ways)554
how-tos, web-vitals
The Ultimate Guide to Optimizing JavaScript for Quick Page Loads (ste/bui)553
guides, javascript, optimization
Core Web Vitals: Finding Common Ground Between SEOs and Developers (moz)552
web-vitals, seo, metrics
How to Optimize Your LCP (with Visuals) (ste)551
how-tos, web-vitals, optimization
Optimising Largest Contentful Paint (css)550
web-vitals
Picture Perfect Images With the Modern “<img>” Element (add)549
images, html, web-vitals
Speed Needs Design, or: You Can’t Delight Users You’ve Annoyed548
design, user-experience
The Web Is for Everyone: Our Vision for the Evolution of the Web (moz)547
web, outlooks, privacy, security, accessibility, user-experience
Optimising Core Web Vitals on SPAs (sim)546
web-vitals, single-page-apps, optimization
Improving Your User Experience to Reduce Bounce Rates (uxm)545
user-experience, usability, seo
Performance Tests on Common JavaScript Array Methods (hac)544
testing, javascript, arrays
Optimizing SVG Patterns to Their Smallest Size (css)543
svg, images
The Impact That High Quality Mark-Up Can Have on Accessibility, Performance, and Discoverability542
videos, html, accessibility
Making the World’s Fastest Website, and Other Mistakes541
mistakes
The Weirdly Obscure Art of Streamed HTML540
html, streaming
Ten Years of Page Bloat: What Have We Learned? (spe)539
web-vitals, user-experience
7 Ways to Achieve a Faster Core Web Vitals Score (hac)538
web-vitals
Performance Signals for Customizing Website UX (tun/sma)537
user-experience, web-vitals, customization
A New Speed Milestone for Chrome536
browsers, chrome
Should Frontend Devs Care About Performance?535
Top 2021 CSS Frameworks Report: The CSS File Sizes (cit)534
studies, research, frameworks, css
How to Make MPAs That Are as Fast as SPAs (cfe)533
how-tos, multi-page-apps, single-page-apps
Improving a CDN’s Cache Hit Ratio (erw)532
content-delivery, caching
Minimizing Google Fonts by Only Loading It for Certain Characters (ami)531
typography, google, fonts, minimalism
Core Web Vitals: What Next? (moz)530
web-vitals, seo
The Difference Between Brotli and Gzip Compression Algorithms to Speed Up Your Site529
compression, brotli, gzip
This Is Why Your Node.js Application Is Slow528
nodejs
Reducing the Web’s Carbon Footprint: Optimizing Social Media Embeds (mic/sma)527
social-media, embed-code, sustainability
Improving JavaScript Bundle Performance With Code-Splitting (cod/sma)526
javascript, bundling, code-splitting, optimization
Speed Matters, but It Isn’t Everything525
user-experience, metrics
Caching Header Best Practices (sim)524
caching, http, http-headers, best-practices
Optimize Your PNGs With Oxipng and pre-commit (ada)523
images, png, compression, tooling
Big Images, Blazingly Fast522
images, quality
How to Avoid Layout Shifts Caused by Web Fonts (sim)521
how-tos, user-experience, fonts
Website Performance and the Planet (fer)520
sustainability, caching
Memory Leaks: The Forgotten Side of Web Performance (nol)519
memory
Improving WordPress Performance: An Open Letter (erw)518
open-letters, wordpress, css, javascript
A Unified Theory of Web Performance (sli/per)517
Exposing Mid-Resource LCP Values (per)516
web-vitals
Page Visibility: If a Tree Falls in the Forest… (pau/per)515
web-vitals, user-experience
Using Diagnostic Metrics (per)514
metrics
Practical Tips for Load-Testing Web Applications (per)513
testing, tips-and-tricks, web-apps
The Business Case for Performance (per)512
economics
Faster Websites by Using Less HTML (j9t)511
cross-posts, html, optimization, minimalism
Redirect Liquidation (tim/per)510
optimization, redirecting
Frontend Web Performance: The Essentials509
fundamentals, rendering
Web Performance, Core Web Vitals, and Vanity Metrics (per)508
web-vitals, metrics
Hands On With the New Responsiveness Metrics (per)507
responsive-design, metrics
Explain Like I’m Five: Web Performance Optimization (sto/per)506
optimization
Performance Implications of JavaScript Errors (per)505
javascript, errors
Defer Non-Critical Resources (per)504
html
Caching: Understanding the Scope (per)503
caching
Test Your Product on a Crappy Laptop (eri/css)502
testing, usability
HTTP Compression (per)501
http, protocols, compression
Have Core Web Vitals Made the Web Faster? (tun/per)500
web-vitals
Plugging Memory Leaks in Your App (sto/per)499
memory
Request for a General Theory of Web Performance (per)498
Page Weight (htt)497
web-almanac, studies, research, metrics
Smashing Podcast Episode 44 With Chris Ferdinandi: Is the Web Dead? (cfe+/sma)496
podcasts, interviews, web-platform, standards, tooling, developer-experience
7 Ways to Improve Node.js Performance at Scale (app)495
nodejs, optimization
How JavaScript Engines Achieve Great Performance494
javascript, javascript-engines
Improving the Performance of Wix Websites (Case Study) (sma)493
monitoring, culture, case-studies
Designing Sustainable Websites (ger)492
sustainability, software-design
Performance (sia/htt)491
web-almanac, studies, research, metrics, user-experience
Get Your “Head” Straight (css/btc)490
videos, html
Your CSS Is an Interface (eri)489
css
Why IndexedDB Is Slow and What to Use Instead488
databases, indexeddb, javascript
Using Web Workers to Boost Third-Party Script Performance (log)487
web-workers, javascript
Why Your Website Should Not Use Dithered Images486
images, dithering, compression
Chrome DevTools: Record and Playback Your User Journeys485
dev-tools, user-experience, browsers, chrome
Everything You Have to Know About Core Web Vitals (fox/cal)484
web-vitals
How to Implement Memoization in React to Improve Performance483
how-tos, react, memoization, optimization
Best Practices on Embedding Third-Party Web Widgets482
embed-code, best-practices
Building an Effective Image Component481
components, javascript
Web Performance Metrics Cheatsheet (ire)480
metrics, cheat-sheets
How I Made Google’s Data Grid Scroll 10× Faster With One Line of CSS479
css
Optimizing Resource Loading With the Fetch Priority API (add+)478
data-fetching, apis, optimization
New HTTP Standards for Caching on the Modern Web (pim)477
http, protocols, caching, standards
My Challenge to the Web Performance Community (phi)476
jsPerf—Online JavaScript Performance Benchmark475
websites, javascript
Using Modern Image Formats: AVIF and WebP (add/sma)474
images, avif, webp, jpeg, png, comparisons, compression
Faster React Apps With Memoization473
react, memoization
ct.css—Let’s Take a Look Inside Your “<head>” (css)472
css, debugging
Small Bundles, Fast Pages: What to Do With Too Much JavaScript (cal)471
javascript, bundling
Optimizing Images on the Web470
images, cloudflare
Vanilla JS Is a Web Performance Decision (cfe)469
javascript
Blowing Up HTML Size With Responsive Images (deb)468
html, images, responsive-design
Designing for Long Waits and Interruptions: Mitigating Breaks in Workflow in Complex Application Design (nng)467
user-experience, complexity
Writing High-Performance JavaScript (cfe)466
javascript
What Are the Web Performance Metrics That Actually Matter? (cfe)465
metrics
Lighthouse Scores Do Not Affect Google Search/SEO (erw)464
lighthouse, google, search, seo
HTTP/3: Performance Improvements (pro/sma)463
http, protocols
Does Shadow DOM Improve Style Performance? (nol)462
dom, shadow-dom, rendering
Big O, Code Efficiency Analysis461
algorithms
“<Lazy>” Rendering in Vue to Improve Performance460
vuejs, client-side-rendering, optimization
A Performance-Focused Workflow Based on Google Tools459
web-vitals, tooling, google
How We Reduced Next.js Page Size by 3.5× and Achieved a 98 Lighthouse Score458
nextjs, lighthouse, case-studies
CSS Architecture and Performance in Micro Frontends457
css, architecture, micro-frontends
Learnings From a WebPageTest Session on CSS-Tricks (chr/css)456
webpagetest
A Beginner’s Guide to Lighthouse455
guides, lighthouse, web-vitals
How to Eliminate Render-Blocking Resources: A Deep Dive (sia)454
how-tos, rendering
What Is Tree Shaking? (cfe)453
javascript, concepts, tree-shaking
The Performance Effects of Too Much Lazy-Loading (rvi+)452
web-vitals, lazy-loading
Performance Design: The Illusion of Speed451
user-experience
Resource Inlining in JavaScript Frameworks (mge)450
javascript, frameworks, web-vitals
Making the Web—Faster449
web, developer-experience, principles
Half the Size of Images by Optimising for High Density Displays (jaf)448
html, images
Serving Sharp Images to High Density Screens (jaf)447
images
What Can the HTTP Archive Tell Us About Largest Contentful Paint? (pau)446
Using AVIF to Compress Images on Your Site445
images, avif, compression
Best Practices for Fonts (tun)444
fonts, best-practices
How to Fix Cumulative Layout Shift (CLS) Issues (tun/sma)443
how-tos, web-vitals
CSS for Web Vitals (una)442
css, web-vitals
Elasticsearch Boolean Query Performance (ast)441
tooling, search
Tree-Shaking: A Reference Guide (ati/sma)440
guides, optimization, javascript, tree-shaking
Reducing HTML Payload With Next.js (Case Study) (sma)439
nextjs, html, case-studies
An Introduction to Performance Budgets438
introductions, performance-budgets, metrics
The Lazy-Loading Property Pattern in JavaScript (nza)437
javascript, software-design-patterns, lazy-loading
9 Principles of Good Web Design436
design, principles, simplicity, navigation, content, layout, mobile
Bypassing Cookie Consent Banners in Lighthouse and WebPageTest (and)435
consent-management, cookies, lighthouse, webpagetest, testing
The 5-Hour CDN (fly)434
content-delivery
Measuring Web Performance in Mobile Safari (css)433
testing, mobile, browsers, safari
What About Ember? (tka)432
emberjs
Front-End Performance 2021: Assets Optimizations (vit/sma)431
checklists, link-lists, compression, images
Front-End Performance 2021: Build Optimizations (vit/sma)430
checklists, link-lists, building
Front-End Performance 2021: Delivery Optimizations (vit/sma)429
checklists, link-lists
Testing Performance (kel)428
testing
HTML and CSS Techniques to Reduce Your JavaScript (per)427
html, css, javascript
Continuous Performance Analysis With Lighthouse CI and GitHub Actions (css)426
lighthouse, github-actions
Optimizing Image Depth (mey/css)425
images, quality, optimization
Page Weight (htt)424
web-almanac, studies, research, metrics
Time to Say Goodbye to Google Fonts: Cache Performance423
google, fonts, caching
Ruthlessly Eliminating Layout Shift on netlify.com (zac)422
netlify, web-vitals, optimization
Best Practices for Inclusive Textual Websites421
security, accessibility, best-practices
Measuring Core Web Vitals With Sentry (fon/css)420
web-vitals, tooling
Warp: Improved JS Performance in Firefox 83 (jan/moz)419
firefox, browsers, javascript, spidermonkey, javascript-engines
The What, Why, and How of Using a Skeleton Loading Screen (tre)418
placeholders, react
Core Web Vitals: A Guide to Google’s Web Performance Metrics (cra)417
guides, google, web-vitals
Signed Exchanges (SXGs) (twi)416
authentication, signed-exchanges, web-packaging
How to Create High-Performance CSS Animations (rac)415
how-tos, css, animations
Reducing the Site Speed Impact of Third-Party Tags414
embed-code
Enforcing Performance Budgets With Webpack (css)413
performance-budgets, webpack
AVIF Has Landed (jaf)412
images, avif, quality, jpeg, webp, svg, png, comparisons
Loading Third-Party JavaScript (add)411
javascript
Performance Is an Issue of Equity (clo)410
accessibility
Lazy Loading Images in Svelte (css)409
images, lazy-loading, svelte
Methods of Improving and Optimizing Performance in React Apps (sma)408
react, optimization
We Need More Inclusive Web Performance Metrics (sco)407
metrics, dei
How I Used Brotli to Get Even Smaller CSS and JavaScript Files at CDN Scale (css)406
compression, brotli
5 Projects to Help You Master Modern CSS (cra)405
css, print, forms
Core Web Vitals (chr/css)404
web-vitals, metrics
On Fixed Elements and Backgrounds (hui)403
css, backgrounds, positioning, scrolling
Speed Up Google Fonts (css)402
google, fonts
The Need for Speed, 23 Years Later (nng)401
user-experience, history
Maybe You Don’t Need That SPA400
single-page-apps, javascript, react, marko
prerender.js (chr/css)399
libraries
Introducing Web Vitals: Essential Metrics for a Healthy Site398
introductions, web-vitals, metrics
Real-World Effectiveness of Brotli (css)397
compression, brotli, comparisons
The Cost of JavaScript Frameworks (tka)396
javascript, frameworks, metrics, jquery, vuejs, angular, react
Start Render: The Web Performance Metric That Heralds the End of the Blank Page395
metrics, web-vitals
Performance Tips: Minifying HTML, CSS, and JS394
videos, html, css, javascript, minification, tips-and-tricks
Setting Height and Width on Images Is Important Again (tun/sma)393
html, images, web-vitals
Improving Perceived Performance With the CSS “font-display” Property (the)392
css, fonts
Encrypting DNS Query Bad for Performance? (erw)391
dns, http, encryption, security
Page Builders Might Not Be a Good Idea (cit)390
maintainability, consistency, quality
Do This to Improve Image Loading on Your Website (fon/css)389
images, html
Google Tag Manager vs. Page Speed: The Impact and How to Improve388
google, tag-management, analytics, optimization
The Web in 2020: Extensibility and Interoperability (una/css)387
web-platform, extensibility, interoperability, houdini, variable-fonts, custom-properties, logical-properties, web-components, media-queries
Should You Self-Host Google Fonts? (tun)386
fonts, google, self-hosting
Improving Site Performance With Webpack Tree Shaking385
optimization, webpack, tree-shaking
Performance Budgets, Pragmatically (css)384
performance-budgets
Putting Devs Before Users: How Frameworks Destroyed Web Performance383
frameworks, developer-experience
An HTML Optimizer’s Config for HTML Minifier (j9t)382
html, html-minifier, minification, optimization, configuration, minimalism
How Do You Remove Unused CSS From a Site? (chr/css)381
css, tooling
Stop Using Ridiculously Low DNS TTLs (jed)380
dns, content-delivery, load-balancing
Speed Up Your Website With WebP (sma)379
optimization, webp, images
A Guide to Optimizing Images for Mobile (sma)378
guides, images, optimization, mobile
On Writing Better Markup (j9t)377
html, quality, maintainability, terminology
Workflow Considerations for Using an Image Management Service (chr/css)376
images, tooling, content-delivery
Recipes for Performance Testing Single Page Applications in Webpagetest (pha/css)375
testing, single-page-apps, tooling, webpagetest
Some HTML Is “Optional” (chr/css)374
html, standards
Faster Image Loading With Embedded Image Previews (sma)373
images, lazy-loading, techniques, javascript
Other Ways to SPAs (chr/css)372
single-page-apps, tooling
Lazy Load Embedded YouTube Videos (chr/css)371
youtube, lazy-loading, embed-code
Optional HTML: Everything You Need to Know (j9t)370
html, minimalism
Accessibility and Web Performance Are Not Features, They’re the Baseline (fon/css)369
accessibility, amp, user-experience
Handling Unused CSS in Sass to Improve Performance (sma)368
css, sass, optimization
What CMS to Use for Optimale TTFB (and Site Speed?) (erw)367
content-management, metrics, wp-engine, automattic
I Used the Web for a Day on a 50 MB Budget (sma)366
mobile
How Google Pagespeed Works: Improve Your Score and Search Engine Ranking (ben/css)365
google, tooling, lighthouse, seo
Browsers Are Pretty Good at Loading Pages, It Turns Out364
javascript, rendering, browsers
The Simplest Way to Load CSS Asynchronously (sco)363
css, asynchronicity
Shifting the Performance Burden (sco)362
Optimizing Google Fonts Performance (sma)361
google, fonts, optimization
How to Increase Your Page Size by 1,500% With Webpack and Vue (bur/css)360
webpack, vuejs
The Problem With Web Development Checklists, or: The Frontend Checklist, Revised (j9t)359
checklists, html, accessibility, seo, social-media
Responsible JavaScript (mal/ali)358
javascript, tree-shaking, code-splitting, embed-code, transpiling, tooling
Image Optimization in WordPress (sma)357
wordpress, images, optimization
Self-Host Your Static Assets (css)356
self-hosting, caching
Characteristics of a Strong Performance Culture (tka)355
culture, principles
Understanding Image Compression: Tooling and Context (j9t)354
images, compression, tooling
The Scoville Scale of Web Font Loading Opinions (zac/btc)353
videos, fonts
Browser Resource Hints: “preload”, “prefetch”, and “preconnect” (mat/deb)352
hints, html, http-headers, http, preloading
Optimizing Performance With Resource Hints (dre/sma)351
hints, optimization
The Serif Tax (chr/css)350
fonts, ttf
Improving Perceived Performance With the Link “rel=preconnect” HTTP Header (and)349
http, http-headers, hints
“Cache-Control” for Civilians (css)348
caching, http
How to Avoid DOM Blocking in JavaScript (cra)347
how-tos, dom, javascript
Rendering on the Web (add+)346
server-side-rendering, client-side-rendering, rendering, hydration, seo
8 Reasons Why You’re Doing SEO Wrong (erw)345
seo
HTML and Performance: Leave Out Optional Tags and Quotes (j9t)344
html
The Ethics of Web Performance (tka)343
ethics, accessibility
The Elements of UI Engineering (dan)342
user-experience, consistency, navigation, prioritization, accessibility, internationalization, resilience
Static vs. Server Rendering341
rendering, comparisons, react
Speed Up Next-Page Navigations With Prefetching (add)340
hints, html, http-headers, http, webpack
Keeping Sass Simple and Speedy on Eleventy (phi)339
sass, eleventy
On Visions for Performance, or: Performance Optimization Is a Process (j9t)338
optimization, outlooks, processes
Tips to Help You Write Faster MySQL Queries337
mysql, databases, tips-and-tricks
Front-End Developers Have to Manage the Loading Experience (chr/css)336
user-experience
Performance Rule #1: Do What You Need to Do—But Not More (j9t)335
simplicity
PageSpeed Insights, Now Powered by Lighthouse (che+)334
tooling, lighthouse
Improve Animated GIF Performance With HTML5 Video (sma)333
images, gif, multimedia
Performance Budgets 101332
introductions, performance-budgets, metrics
A Netflix Web Performance Case Study (add)331
netflix, case-studies
Reduce JavaScript Payloads With Code Splitting (mal)330
javascript, code-splitting
A Guide to Caching in WordPress329
guides, wordpress, caching, plugins
How to Configure Lighthouse for Balanced Quality Websites (j9t)328
how-tos, lighthouse, configuration, quality
A Minimal JavaScript Setup (css)327
javascript, conventions, naming, scope, maintainability, examples
Chrome’s Noscript Intervention (tka)326
chrome, browsers, javascript, mobile
20 Tips for Optimizing CSS Performance (cra)325
css, optimization, tips-and-tricks
Variable Fonts: What They Are, and How to Use Them324
how-tos, fonts, variable-fonts
Browser Painting and Considerations for Web Performance (css)323
browsers, browser-engines, painting, rendering
Slow Websites (geo/css)322
performance-budgets
The Cost of JavaScript in 2018 (add)321
javascript, code-splitting, lazy-loading, performance-budgets, bundling
HTTP/2: The Difference Between HTTP/1.1, Benefits, and How to Use It320
protocols, http, comparisons
Delivering WordPress in 7 KB (css)319
wordpress, themes
HTTP/2: Background, Performance Benefits, and Implementations318
protocols, http
Improving Performance Perception: On-Demand Image Resizing (swa)317
optimization, images, resizing, html
Tips for Writing Better Performing PHP Code316
php, tips-and-tricks
How I Dropped 250 KB of Dead CSS Weight With PurgeCSS (sar)315
css, purgecss
The Four Big Ways Jetpack Helps With Image Performance (css)314
wordpress, plugins, images
Here’s the Thing About “Unused CSS” Tools (chr/css)313
css, quality, tooling
7 Performance Tips for Jank-Free JavaScript Animations312
javascript, animations, tips-and-tricks
Making Your Website Faster and Safer With Cloudflare311
caching, security, cloudflare
How Do You Know Your Website Is a Success? (sma)310
product-management, strategies, metrics, user-experience, content, microcontent, navigation, testing
Page Transitions for Everyone (css)309
design, user-experience, animations, transitions, caching
Introducing Last Painted Hero (spe)308
introductions
How Fast Is AMP Really? (tka)307
amp, metrics
Three Techniques for Performant Custom Font Usage (oll/css)306
fonts, techniques, flash-of-x
AMP News (chr/css)305
amp, community
Website Performance—Does Your Hosting Plan Matter?304
hosting
Why Fast Matters (css/btc)303
videos, economics
Finding Dead CSS (css)302
css, maintenance
How to Optimize CSS and JS for Faster Sites301
how-tos, css, javascript, minification, optimization
SYN Packet Handling in the Wild300
tcp, protocols, network
Performance of CSS Selectors Is Still Irrelevant (j9t)299
css, selectors
Progressive Web Apps: A Crash Course298
crash-courses, web-apps, progressive-web-apps, lighthouse
Optimizing CSS: Tweaking Animation Performance With DevTools297
css, animations, optimization, dev-tools, browsers, firefox
On Big Picture Thinking in Web Development (j9t)296
user-experience, maintainability, consistency, accessibility, outlooks
How to Optimize SQL Queries for Faster Sites295
how-tos, sql, mysql, databases, caching, optimization
Understanding the “Vary” Header (sma)294
http, http-headers, caching
The Front-End Checklist (the)293
websites, checklists, html, css, javascript, images, accessibility, seo
The State of the Web (fox)292
web
Using the Paint Timing API (mal/css)291
apis, time, painting, rendering, javascript
(Now More Than Ever) You Might Not Need jQuery (oll/css)290
jquery, javascript, ajax, comparisons, examples
Three Reasons Why You Should Care About Google Lighthouse (fox/cal)289
lighthouse, google
What Is the Future of Front End Web Development? (chr/css)288
outlooks, user-experience, javascript, documentation, native, web, urls, css, preprocessors, html, building, tooling
What We Talk About When We Talk About Web Performance (btc)287
videos
Let the Content Delivery Network Optimize Your Images (jon/sma)286
content-delivery, images, optimization
Optimizing Web Fonts for Performance: The State of the Art285
fonts, optimization
Brotli and Static Compression (mal/css)284
compression, brotli, gzip, comparisons
What Are Performance Budgets and Why You Should Use One283
performance-budgets
A Comprehensive Guide to HTTP/2 Server Push (mal/sma)282
guides, http, protocols, servers
Guetzli, Google’s New JPEG Encoder (tel)281
images, jpeg, compression, tooling
AMP and the Web (tka)280
amp, web-platform, web
Considering How We Use HTTP/2 (mal/ali)279
optimization, http, protocols
Using HTTP/2 Responsibly: Adapting for Users (mal/ali)278
http, protocols, support, servers
11 Tips to Optimize JavaScript and Improve Website Loading and Rendering Speeds277
javascript, optimization, minification, compression, caching
The Web, Worldwide (tka)276
websites, metrics
A Checklist for Website Reviews (hcr)275
checklists, browsers, seo, accessibility, security
Performant Parallaxing (aer)274
scrolling, css, effects, parallax, positioning
Performance: Shame, Hope, Nuance, and Interesting Problems (bka)273
The Joy of Optimizing (una/btc)272
videos, images, optimization
Web Packaging Format271
web-packaging
Next Generation Server Compression With Brotli (mal/sma)270
compression, brotli, gzip, comparisons
When Is the Right Time to Think About Web Performance? (fon/css)269
processes
High Performance SVGs (sar/css)268
svg, images, tooling, optimization
The Performance Benefits of “rel=noopener” (jaf)267
html, links, security
Ways You Need to Tell the Browser How to Optimize (chr/css)266
browsers, css, optimization
Accessibility and Performance (mar)265
accessibility, javascript, optimization
Service Workers and PWAs: It’s About Reliable Performance, Not “Offline” (sli)264
web-apps, progressive-web-apps, web-workers, javascript, reliability
6 SEO Trends to Watch for in 2016263
trends, seo, content, marketing, mobile, social-media
How to Optimize Mobile Performance (sma)262
how-tos, mobile, optimization, performance-budgets, content-management, caching, testing
CPP: A Standardized Alternative to AMP (tka)261
amp, policies
Critical Metric: Critical Resources260
metrics, css, javascript
Lazy-Loading Images: How Not to Really Annoy Your Users259
images, lazy-loading, jquery
Why You Should Choose Your Own HTTPS (hel)258
http, content-delivery, tooling, cloudflare
10 Web Predictions for 2016 (cra)257
web, outlooks, security, site-generators, browsers, css, mobile, webassembly, seo
The Problem With Progressive Enhancement256
progressive-enhancement, javascript, resilience
Critical Web Fonts (zac)255
fonts, css, flash-of-x, critical-path, metrics
The Cost of Frameworks Recap (chr/css)254
frameworks
JavaScript Frameworks and Mobile Performance253
javascript, frameworks, mobile
Loading Web Fonts With the Web Font Loader (fon/css)252
fonts, flash-of-x, user-experience
Design + Performance (zem/btc)251
videos, design, user-experience
HTTP/2: The Pros, the Cons, and What You Need to Know250
protocols, http
Performance Budgets in Action (spe)249
performance-budgets
Using Web Fonts the Best Way (in 2015) (hel)248
fonts
AMP and Incentives (tka)247
amp, web
Introducing RAIL: A User-Centric Model for Performance (pau/sma)246
introductions, metrics, user-experience
Factors Affecting Website Performance245
network, browsers, memory, servers, images, multimedia
Preloading Images in Parallel With Promises (kit)244
javascript, promises, images, preloading
Delivering Responsibly (sco/btc)243
videos, usability, accessibility, sustainability
10 Common Mistakes Web Developers Make242
mistakes, html, css, javascript, career
5 Easy Performance Tweaks for Node.js Express (cra)241
nodejs, express, optimization, compression
Strategies for Cache-Busting CSS (chr/css)240
css, caching, tooling, strategies
Understanding Critical CSS (sma)239
css, critical-path
Mastering Image Optimization in WordPress238
wordpress, images, optimization
React + Performance = ? (aer)237
react, metrics
Page Bloat Update: The Average Web Page Is More Than 2 MB in Size (tam)236
metrics, comparisons
Performance Tools (fon/css)235
tooling, content-delivery, testing, dev-tools, images, css, javascript, optimization, link-lists
Choosing Performance (tka)234
facebook+meta
Advanced Performance Audits With DevTools (pau)233
auditing, browsers, dev-tools
Tour of a Performant and Responsive CSS Only Site (css)232
css, parallax, effects, case-studies
Planning for Performance (sco/ali)231
Performance Budget Metrics (tka)230
performance-budgets, metrics
Progress Indicators Make a Slow System Less Insufferable (nng)229
progress-indicators, user-experience, design
The Perception of Performance (lou)228
user-experience
Image Optimization Services (gri/clo)227
images, optimization, link-lists
JS Parse and Execution Time (tka)226
javascript, parsing, metrics
How a New HTML Element Will Make the Web Faster (ars)225
html, images, responsive-design
What I’d Tell My Younger Self About Learning Development as a Web Designer224
learning, programming, javascript, databases, servers, preprocessors, version-control, security, career
Minimising Font Downloads (jaf)223
fonts, css, optimization, support, browsers
Faster YouTube Embeds With JavaScript222
embed-code, youtube, javascript
Introduction to the Resource Timing API221
introductions, time, apis, javascript
Authoring Critical Above-the-Fold CSS (css)220
css, sass, asynchronicity
Optimizing WordPress Performance With P3219
wordpress, optimization, plugins
Pixels Are Expensive (aer)218
rendering, painting
Speed Up Your WordPress Site217
wordpress, tooling
How to Speed Up WordPress (sma)216
how-tos, wordpress
Cache Invalidation Strategies With Varnish Cache (per/sma)215
caching, tooling
WordPress Performance Improvements That Can Go Wrong (sma)214
wordpress, plugins
Grunt and Gulp Tasks for Performance Optimization213
yeoman, grunt, gulp, tooling, optimization
Controlling Heavy Weight Websites212
user-experience, case-studies
Nine Things to Expect From HTTP/2 (mno)211
http, protocols, network
Web Performance Tricks—Beyond the Basics (swa)210
tips-and-tricks, html, css, optimization, link-lists
Packaging on the Web (jen+/tag)209
web-packaging
The Complete Guide to Reducing Page Weight (cra)208
guides, compression, caching, content-delivery, minification
Responsive HTML5 Apps: Write Once, Run Anywhere? Where Is Anywhere? (wir)207
html, web-apps, responsive-design, multimedia
Avoiding the 300 ms Click Delay, Accessibly (tka)206
touch, events, accessibility
Flexbox Layout Isn’t Slow (pau)205
css, flexbox, layout
Performance Matters (ali)204
w3c