Tech does not just watch: Take action against Russia’s war on Ukraine 🇺🇦, and take action against Israel’s occupation, destruction, and ethnic cleansing of Palestine (history) 🇵🇸 Hide

Frontend Dogma

“performance” News Archive (2)

Entry (Sources) and Other Related TopicsDate#
GIFs Without the .gif: The Most Performant Image and Video Options Right Now (oll/css)574
multimedia, images, gif, html
Performance Budgets: The Easiest Way to a Faster Site (fox/cal)573
performance-budgets
Five Data-Loading Patterns to Boost Web Performance (sma)572
Page Weight (htt)571
web-almanac, studies, research, metrics
Element Timing: One True Metric to Rule Them All? (spe)570
time, apis, metrics
Will Serving Real HTML Content Make a Website Faster? Let’s Experiment!569
studies, research, html
How to Substantially Slow Down Your Node.js Server568
how-tos, nodejs
Total Blocking Time: A Short and Sweet Guide for Happier Users (ben/cal)567
javascript
Your Next.js Bundle Will Thank You566
nextjs, bundling
Critical CSS? Not So Fast! (css)565
css
How to Improve Largest Contentful Paint for Faster Load Times (fox/cal)564
how-tos, web-vitals, optimization
Disabled JavaScript Turns Off Native Lazy Loading (ste)563
javascript, html, lazy-loading
Why Your Website Should Be Under 14 kB in Size562
protocols
Measure What You Impact, Not What You Influence (css)561
metrics, optimization
Optimize Data Fetching560
data-fetching
Can Browsers Optimize the Loading of Third-Party Resources? (add/dev)559
browsers, embed-code
Tip: Use “fetchpriority=high” to Load Your LCP Hero Image Sooner (add)558
html, web-vitals
(Re-)Introducing Gatsby, a Reactive Site Generator557
gatsby, react, reactivity, site-generators, introductions
How and Why We Removed jQuery From GOV.UK556
jquery, maintainability
Core Web Vitals Tools to Boost Your Web Performance Scores (sma)555
web-vitals, tooling
Making a Website Under 1 kB554
minimalism, html
Which Generator Builds Markdown the Fastest? (zac)553
site-generators, markdown, comparisons
500 ms to 1.7 ms in React: A Journey and a Checklist552
react
Fix Web Performance for the Long-Term (sia)551
testing, processes
Priority Hints—What Your Browser Doesn’t Know (Yet)550
hints
Powerful Image Optimization Tools (lou/sma)549
link-lists, images, compression, tooling
Can SVG Symbols Affect Web Performance?548
svg, images
Avoiding “<img>” Layout Shifts: “aspect-ratio” vs. “width” and “height” Attributes (jaf)547
web-vitals, comparisons, html, attributes, aspect-ratio, css
Frontend Web Performance: The Essentials546
fundamentals, javascript
Faster WordPress Rendering With 3 Lines of Configuration (sto)545
wordpress, css, http, configuration
A CLS Punishment for Progressive Enhancement? (bel/pic)544
web-vitals, progressive-enhancement
Imagemin Guard (j9t)543
packages, npm, images, compression, jpeg, png, gif, webp, avif
Everything You Need to Know About Web Performance (in 5 Minutes)542
web-vitals, compression
Style Scoping Versus Shadow DOM: Which Is Fastest? (nol)541
selectors, scope, dom, shadow-dom, comparisons, metrics
How to Remove 99% of JavaScript From Main Thread (wea)540
videos, how-tos, javascript
What We’ve Learned From One Year of Real User Monitoring Data on GOV.UK539
monitoring, metrics
Measuring the Performance of Typefaces for Users II (sma)538
typography, fonts
Measuring the Performance of Typefaces for Users (sma)537
typography, fonts
Don’t Sink Your Website With Third Parties (sma)536
embed-code, dependencies
Two Lines of CSS That Boosts 7× Rendering Performance535
css, rendering
Conditionally Loading CSS or Any Resource Using Media Queries (ami)534
html, media-queries
Rethinking Server-Timing as a Critical Monitoring Tool (sma)533
time, http, metrics, monitoring
Don’t Fight the Browser Preload Scanner (mal/dev)532
browsers, html, parsing
How to Use Google CrUX to Analyze and Compare the Performance of JS Frameworks (sma)531
how-tos, google, metrics, javascript, frameworks
A Management Maturity Model for Performance (sli)530
Performance Game Changer: Browser Back/Forward Cache (tun/sma)529
browsers, caching, web-vitals
Get to Know Your Browser’s Performance Profiler528
browsers, tooling, profiling
Understanding the Performance Impact of Anti-Flicker Snippets (spe)527
web-vitals
Is Measuring Speed a Useful Metric for Design Systems? (amy+)526
videos, metrics, design-systems
Faster Initialization of Instances With New Class Features (joy)525
browsers, javascript, javascript-engines, v8
How to Improve Core Web Vitals (8 Ways)524
how-tos, web-vitals
The Ultimate Guide to Optimizing JavaScript for Quick Page Loads (ste/bui)523
guides, javascript, optimization
Core Web Vitals: Finding Common Ground Between SEOs and Developers (moz)522
web-vitals, seo, metrics
How to Optimize Your LCP (with Visuals) (ste)521
how-tos, web-vitals, optimization
Optimising Largest Contentful Paint (css)520
web-vitals
Picture Perfect Images With the Modern “<img>” Element (add)519
images, html, web-vitals
Speed Needs Design, or: You Can’t Delight Users You’ve Annoyed518
design, user-experience
The Web Is for Everyone: Our Vision for the Evolution of the Web (moz)517
web, outlooks, privacy, security, accessibility, user-experience
Optimising Core Web Vitals on SPAs (sim)516
web-vitals, single-page-apps, optimization
Improving Your User Experience to Reduce Bounce Rates (uxm)515
user-experience, usability, seo
Performance Tests on Common JavaScript Array Methods (hac)514
testing, javascript, arrays
Optimizing SVG Patterns to Their Smallest Size (css)513
svg, images
The Impact That High Quality Mark-Up Can Have on Accessibility, Performance, and Discoverability512
videos, html, accessibility
Making the World’s Fastest Website, and Other Mistakes511
mistakes
The Weirdly Obscure Art of Streamed HTML510
html, streaming
Ten Years of Page Bloat: What Have We Learned? (spe)509
web-vitals, user-experience
7 Ways to Achieve a Faster Core Web Vitals Score (hac)508
web-vitals
A New Speed Milestone for Chrome (dev)507
browsers, google, chrome
Performance Signals for Customizing Website UX (tun/sma)506
user-experience, web-vitals, customization
Should Frontend Devs Care About Performance?505
Top 2021 CSS Frameworks Report: The CSS File Sizes (cit)504
studies, research, frameworks, css
How to Make MPAs That Are as Fast as SPAs (cfe)503
how-tos, multi-page-apps, single-page-apps
Improving a CDN’s Cache Hit Ratio (erw)502
content-delivery, caching
Minimizing Google Fonts by Only Loading It for Certain Characters (ami)501
typography, google, fonts, minimalism
Core Web Vitals: What Next? (moz)500
web-vitals, seo
The Difference Between Brotli and Gzip Compression Algorithms to Speed Up Your Site499
compression, brotli, gzip
This Is Why Your Node.js Application Is Slow498
nodejs
Reducing the Web’s Carbon Footprint: Optimizing Social Media Embeds (mic/sma)497
social-media, embed-code, sustainability
Improving JavaScript Bundle Performance With Code-Splitting (cod/sma)496
javascript, bundling, code-splitting, optimization
Speed Matters, but It Isn’t Everything495
user-experience, metrics
Caching Header Best Practices (sim)494
caching, http, http-headers, best-practices
Big Images, Blazingly Fast493
images, quality
Optimize Your PNGs With Oxipng and pre-commit (ada)492
images, png, compression, tooling
How to Avoid Layout Shifts Caused by Web Fonts (sim)491
how-tos, user-experience, fonts
Website Performance and the Planet490
sustainability, caching
Memory Leaks: The Forgotten Side of Web Performance (nol)489
memory
Improving WordPress Performance: An Open Letter (erw)488
wordpress, css, javascript
A Unified Theory of Web Performance (sli)487
Exposing Mid-Resource LCP Values486
web-vitals
Page Visibility: If a Tree Falls in the Forest…485
web-vitals, user-experience
Using Diagnostic Metrics484
metrics
Practical Tips for Load-Testing Web Applications483
testing, tips-and-tricks, web-apps
The Business Case for Performance482
economics
Faster Websites by Using Less HTML (j9t)481
cross-posts, html, optimization, minimalism
Redirect Liquidation (tim)480
optimization, redirecting
Frontend Web Performance: The Essentials479
fundamentals, rendering
Web Performance, Core Web Vitals, and Vanity Metrics478
web-vitals, metrics
Hands On With the New Responsiveness Metrics477
responsive-design, metrics
Explain Like I’m Five: Web Performance Optimization (sto)476
optimization
Performance Implications of JavaScript Errors475
javascript, errors
Defer Non-Critical Resources474
html
Caching: Understanding the Scope473
caching
Test Your Product on a Crappy Laptop (eri/css)472
testing, usability
HTTP Compression471
http, protocols, compression
Have Core Web Vitals Made the Web Faster? (tun)470
web-vitals
Plugging Memory Leaks in Your App (sto)469
memory
Request for a General Theory of Web Performance468
Page Weight (htt)467
web-almanac, studies, research, metrics
Smashing Podcast Episode 44 With Chris Ferdinandi: Is the Web Dead? (cfe+/sma)466
podcasts, interviews, web-platform, standards, tooling, developer-experience
7 Ways to Improve Node.js Performance at Scale (app)465
nodejs, optimization
How JavaScript Engines Achieve Great Performance464
javascript, javascript-engines
Improving the Performance of Wix Websites (Case Study) (sma)463
monitoring, culture, case-studies
Designing Sustainable Websites (ger)462
sustainability, software-design
Performance (sia/htt)461
web-almanac, studies, research, metrics, user-experience
Get Your “Head” Straight (css/btc)460
videos, html
Why IndexedDB Is Slow and What to Use Instead459
databases, indexeddb, javascript
Your CSS Is an Interface (eri)458
css
Using Web Workers to Boost Third-Party Script Performance (log)457
web-workers, javascript
Why Your Website Should Not Use Dithered Images456
images, dithering, compression
Chrome DevTools: Record and Playback Your User Journeys455
dev-tools, user-experience, browsers, google, chrome
Everything You Have to Know About Core Web Vitals (fox/cal)454
web-vitals
How to Implement Memoization in React to Improve Performance453
how-tos, react, memoization, optimization
Best Practices on Embedding Third-Party Web Widgets452
embed-code, best-practices
Building an Effective Image Component (dev)451
components, javascript
Web Performance Metrics Cheatsheet (ire)450
metrics, cheat-sheets
New HTTP Standards for Caching on the Modern Web449
http, protocols, caching, standards
Optimizing Resource Loading With the Fetch Priority API (add+/dev)448
data-fetching, apis, optimization
How I Made Google’s Data Grid Scroll 10× Faster With One Line of CSS447
css
My Challenge to the Web Performance Community (phi)446
jsPerf—Online JavaScript Performance Benchmark445
websites, javascript
Using Modern Image Formats: AVIF and WebP (add/sma)444
images, avif, webp, jpeg, png, comparisons, compression
Faster React Apps With Memoization443
react, memoization
ct.css—Let’s Take a Look Inside Your “<head>” (css)442
css, debugging
Small Bundles, Fast Pages: What to Do With Too Much JavaScript (cal)441
javascript, bundling
Optimizing Images on the Web (clo)440
images, cloudflare
Vanilla JS Is a Web Performance Decision (cfe)439
javascript
Blowing Up HTML Size With Responsive Images (deb)438
html, images, responsive-design
Designing for Long Waits and Interruptions: Mitigating Breaks in Workflow in Complex Application Design (nng)437
user-experience, complexity
Writing High-Performance JavaScript (cfe)436
javascript
What Are the Web Performance Metrics That Actually Matter? (cfe)435
metrics
Lighthouse Scores Do Not Affect Google Search/SEO (erw)434
lighthouse, google, search, seo
HTTP/3: Performance Improvements (pro/sma)433
http, protocols
Does Shadow DOM Improve Style Performance? (nol)432
dom, shadow-dom, rendering
Big O, Code Efficiency Analysis431
algorithms
“<Lazy>” Rendering in Vue to Improve Performance430
vuejs, client-side-rendering, optimization
A Performance-Focused Workflow Based on Google Tools (dev)429
web-vitals, tooling, google
How We Reduced Next.js Page Size by 3.5× and Achieved a 98 Lighthouse Score428
nextjs, lighthouse, google, case-studies
CSS Architecture and Performance in Micro Frontends427
css, architecture, micro-frontends
Learnings From a WebPageTest Session on CSS-Tricks (chr/css)426
webpagetest
A Beginner’s Guide to Lighthouse425
guides, lighthouse, google, web-vitals
How to Eliminate Render-Blocking Resources: A Deep Dive (sia)424
how-tos, rendering
The Performance Effects of Too Much Lazy-Loading (rvi/dev)423
web-vitals, lazy-loading
What Is Tree Shaking? (cfe)422
javascript, concepts, tree-shaking
Performance Design: The Illusion of Speed421
user-experience
Resource Inlining in JavaScript Frameworks (mge/dev)420
javascript, frameworks, web-vitals
Making the Web—Faster (rau)419
web, developer-experience, principles
Half the Size of Images by Optimising for High Density Displays (jaf)418
html, images
Serving Sharp Images to High Density Screens (jaf)417
images
What Can the HTTP Archive Tell Us About Largest Contentful Paint?416
Using AVIF to Compress Images on Your Site (dev)415
images, avif, compression
Best Practices for Fonts (tun/dev)414
fonts, best-practices
CSS for Web Vitals (una/dev)413
css, web-vitals
How to Fix Cumulative Layout Shift (CLS) Issues (tun/sma)412
how-tos, web-vitals
Elasticsearch Boolean Query Performance (ast)411
tooling, search
Tree-Shaking: A Reference Guide (ati/sma)410
guides, optimization, javascript, tree-shaking
Reducing HTML Payload With Next.js (Case Study) (sma)409
nextjs, html, case-studies
An Introduction to Performance Budgets408
introductions, performance-budgets, metrics
9 Principles of Good Web Design407
design, principles, simplicity, navigation, content, layout, mobile
Bypassing Cookie Consent Banners in Lighthouse and WebPageTest (and)406
consent-management, cookies, lighthouse, google, webpagetest, testing
The 5-Hour CDN (fly)405
content-delivery
Measuring Web Performance in Mobile Safari (css)404
testing, mobile, browsers, apple, safari
What About Ember? (tka)403
emberjs
Front-End Performance 2021: Assets Optimizations (vit/sma)402
checklists, link-lists, compression, images
Front-End Performance 2021: Build Optimizations (vit/sma)401
checklists, link-lists, building
Front-End Performance 2021: Delivery Optimizations (vit/sma)400
checklists, link-lists
Testing Performance (kel)399
testing
HTML and CSS Techniques to Reduce Your JavaScript398
html, css, javascript
Continuous Performance Analysis With Lighthouse CI and GitHub Actions (css)397
lighthouse, google, github-actions
Optimizing Image Depth (mey/css)396
images, quality, optimization
Page Weight (htt)395
web-almanac, studies, research, metrics
Time to Say Goodbye to Google Fonts: Cache Performance394
google, fonts, caching
Best Practices for Inclusive Textual Websites393
security, accessibility, best-practices
Measuring Core Web Vitals With Sentry (fon/css)392
web-vitals, tooling
Warp: Improved JS Performance in Firefox 83 (jan/moz)391
firefox, mozilla, browsers, javascript, spidermonkey, javascript-engines
The What, Why, and How of Using a Skeleton Loading Screen (tre)390
placeholders, react
Core Web Vitals: A Guide to Google’s Web Performance Metrics (cra)389
guides, google, web-vitals
Signed Exchanges (SXGs) (twi/dev)388
authentication, signed-exchanges, web-packaging
How to Create High-Performance CSS Animations (rac/dev)387
how-tos, css, animations
Reducing the Site Speed Impact of Third-Party Tags386
embed-code
Enforcing Performance Budgets With Webpack (css)385
performance-budgets, webpack
AVIF Has Landed (jaf)384
images, avif, quality, jpeg, webp, svg, png, comparisons
Loading Third-Party JavaScript (add/dev)383
javascript
Performance Is an Issue of Equity (clo)382
accessibility
Lazy Loading Images in Svelte (css)381
images, lazy-loading, svelte
Methods of Improving and Optimizing Performance in React Apps (sma)380
react, optimization
We Need More Inclusive Web Performance Metrics (sco)379
metrics, dei
How I Used Brotli to Get Even Smaller CSS and JavaScript Files at CDN Scale (css)378
compression, brotli
5 Projects to Help You Master Modern CSS (cra)377
css, print, forms
Core Web Vitals (chr/css)376
google, web-vitals, metrics
On Fixed Elements and Backgrounds (hui)375
css, backgrounds, positioning, scrolling
Speed Up Google Fonts (css)374
google, fonts
The Need for Speed, 23 Years Later (nng)373
user-experience, history
Maybe You Don’t Need That SPA372
single-page-apps, javascript, react, marko
prerender.js (chr/css)371
libraries
Introducing Web Vitals: Essential Metrics for a Healthy Site (dev)370
introductions, web-vitals, metrics, google
Real-World Effectiveness of Brotli (css)369
compression, brotli, comparisons
The Cost of JavaScript Frameworks (tka)368
javascript, frameworks, metrics, jquery, vuejs, angular, react
Start Render: The Web Performance Metric That Heralds the End of the Blank Page367
metrics, web-vitals
Performance Tips: Minifying HTML, CSS, and JS366
videos, html, css, javascript, minification, tips-and-tricks
Setting Height and Width on Images Is Important Again (tun/sma)365
html, images, web-vitals
Improving Perceived Performance With the CSS “font-display” Property (the)364
css, fonts
Encrypting DNS Query Bad for Performance? (erw)363
dns, http, encryption, security
Page Builders Might Not Be a Good Idea (cit)362
maintainability, consistency, quality
Do This to Improve Image Loading on Your Website (fon/css)361
images, html
Google Tag Manager vs. Page Speed: The Impact and How to Improve360
google, tag-management, analytics, optimization
The Web in 2020: Extensibility and Interoperability (una/css)359
web-platform, extensibility, interoperability, houdini, variable-fonts, custom-properties, logical-properties, web-components, media-queries
Should You Self-Host Google Fonts? (tun)358
fonts, google, self-hosting
Improving Site Performance With Webpack Tree Shaking357
optimization, webpack, tree-shaking
Performance Budgets, Pragmatically (css)356
performance-budgets
Putting Devs Before Users: How Frameworks Destroyed Web Performance (uxd)355
frameworks, developer-experience
An HTML Optimizer’s Config for HTML Minifier (j9t)354
html, html-minifier, minification, optimization, configuration, minimalism
How Do You Remove Unused CSS From a Site? (chr/css)353
css, tooling
Speed Up Your Website With WebP (sma)352
optimization, webp, images
A Guide to Optimizing Images for Mobile (sma)351
guides, images, optimization, mobile
On Writing Better Markup (j9t)350
html, quality, maintainability, terminology
Workflow Considerations for Using an Image Management Service (chr/css)349
images, tooling, content-delivery
Recipes for Performance Testing Single Page Applications in Webpagetest (pha/css)348
testing, single-page-apps, tooling, webpagetest
Some HTML Is “Optional” (chr/css)347
html, standards
Faster Image Loading With Embedded Image Previews (sma)346
images, lazy-loading, techniques, javascript
Other Ways to SPAs (chr/css)345
single-page-apps, tooling
Lazy Load Embedded YouTube Videos (chr/css)344
youtube, lazy-loading, embed-code
Optional HTML: Everything You Need to Know (j9t)343
html, minimalism
Accessibility and Web Performance Are Not Features, They’re the Baseline (fon/css)342
accessibility, amp, google, user-experience
Handling Unused CSS in Sass to Improve Performance (sma)341
css, sass, optimization
What CMS to Use for Optimale TTFB (and Site Speed?) (erw)340
content-management, metrics, wp-engine, automattic
I Used the Web for a Day on a 50 MB Budget (sma)339
mobile
How Google Pagespeed Works: Improve Your Score and Search Engine Ranking (ben/css)338
google, tooling, lighthouse, seo
Browsers Are Pretty Good at Loading Pages, It Turns Out337
javascript, rendering, browsers
The Simplest Way to Load CSS Asynchronously (sco)336
css, asynchronicity
Shifting the Performance Burden (sco)335
Optimizing Google Fonts Performance (sma)334
google, fonts, optimization
How to Increase Your Page Size by 1,500% With Webpack and Vue (bur/css)333
webpack, vuejs
The Problem With Web Development Checklists, or: The Frontend Checklist, Revised (j9t)332
checklists, html, accessibility, seo, social-media
Responsible JavaScript (mal/ali)331
javascript, tree-shaking, code-splitting, embed-code, transpiling, tooling
Image Optimization in WordPress (sma)330
wordpress, images, optimization
Self-Host Your Static Assets (css)329
self-hosting, caching
Characteristics of a Strong Performance Culture (tka)328
culture, principles
Understanding Image Compression: Tooling and Context (j9t)327
images, compression, tooling
The Scoville Scale of Web Font Loading Opinions (zac/btc)326
videos, fonts
Browser Resource Hints: “preload”, “prefetch”, and “preconnect” (deb)325
hints, html, http-headers, http, preloading
Optimizing Performance With Resource Hints (dre/sma)324
hints, optimization
The Serif Tax (chr/css)323
fonts
Improving Perceived Performance With the Link “rel=preconnect” HTTP Header (and)322
http, http-headers, hints
“Cache-Control” for Civilians (css)321
caching, http
How to Avoid DOM Blocking in JavaScript (cra)320
how-tos, dom, javascript
Rendering on the Web (add+/dev)319
server-side-rendering, client-side-rendering, rendering, hydration, seo
8 Reasons Why You’re Doing SEO Wrong (erw)318
seo
HTML and Performance: Leave Out Optional Tags and Quotes (j9t)317
html
The Ethics of Web Performance (tka)316
ethics, accessibility
The Elements of UI Engineering (dan)315
user-experience, consistency, navigation, prioritization, accessibility, internationalization, resilience
Static vs. Server Rendering314
rendering, comparisons, react
Speed Up Next-Page Navigations With Prefetching (add)313
hints, html, http-headers, http, webpack
Keeping Sass Simple and Speedy on Eleventy (phi)312
sass, eleventy
On Visions for Performance, or: Performance Optimization Is a Process (j9t)311
optimization, outlooks, processes
Front-End Developers Have to Manage the Loading Experience (chr/css)310
user-experience
Performance Rule #1: Do What You Need to Do—But Not More (j9t)309
simplicity
PageSpeed Insights, Now Powered by Lighthouse (che+)308
tooling, google, lighthouse
Improve Animated GIF Performance With HTML5 Video (sma)307
images, gif, multimedia
Performance Budgets 101 (dev)306
introductions, performance-budgets, metrics
Reduce JavaScript Payloads With Code Splitting (mal/dev)305
javascript, code-splitting
A Netflix Web Performance Case Study (add/dev)304
netflix, case-studies
A Guide to Caching in WordPress303
guides, wordpress, caching, plugins
How to Configure Lighthouse for Balanced Quality Websites (j9t)302
how-tos, google, lighthouse, configuration, quality
A Minimal JavaScript Setup (css)301
javascript, conventions, naming, scope, maintainability, examples
Chrome’s Noscript Intervention (tka)300
chrome, google, browsers, javascript, mobile
20 Tips for Optimizing CSS Performance (cra)299
css, optimization, tips-and-tricks
Variable Fonts: What They Are, and How to Use Them298
how-tos, fonts, variable-fonts
Browser Painting and Considerations for Web Performance (css)297
browsers, browser-engines, painting, rendering
Slow Websites (geo/css)296
performance-budgets
The Cost of JavaScript in 2018 (add)295
javascript, code-splitting, lazy-loading, performance-budgets, bundling
HTTP/2: The Difference Between HTTP/1.1, Benefits, and How to Use It294
protocols, http, comparisons
Delivering WordPress in 7 KB (css)293
wordpress, themes
HTTP/2: Background, Performance Benefits, and Implementations292
protocols, http
Improving Performance Perception: On-Demand Image Resizing291
optimization, images, resizing, html
How I Dropped 250 KB of Dead CSS Weight With PurgeCSS (sar)290
css, purgecss
The Four Big Ways Jetpack Helps With Image Performance (css)289
wordpress, plugins, images
Here’s the Thing About “Unused CSS” Tools (chr/css)288
css, quality, tooling
7 Performance Tips for Jank-Free JavaScript Animations287
javascript, animations, tips-and-tricks
Making Your Website Faster and Safer With Cloudflare286
caching, security, cloudflare
How Do You Know Your Website Is a Success? (sma)285
product-management, strategies, metrics, user-experience, content, microcontent, navigation, testing
Page Transitions for Everyone (css)284
design, user-experience, animations, transitions, caching
Introducing Last Painted Hero (spe)283
introductions
How Fast Is AMP Really? (tka)282
amp, google, metrics
Three Techniques for Performant Custom Font Usage (oll/css)281
fonts, techniques, flash-of-x
AMP News (chr/css)280
amp, google, community
Why Fast Matters (css/btc)279
videos, economics
Finding Dead CSS (css)278
css, maintenance
How to Optimize CSS and JS for Faster Sites277
how-tos, css, javascript, minification, optimization
SYN Packet Handling in the Wild (clo)276
tcp, protocols, network
Performance of CSS Selectors Is Still Irrelevant (j9t)275
css, selectors
Progressive Web Apps: A Crash Course274
crash-courses, web-apps, progressive-web-apps, lighthouse, google
Optimizing CSS: Tweaking Animation Performance With DevTools273
css, animations, optimization, dev-tools, browsers, firefox, mozilla
On Big Picture Thinking in Web Development (j9t)272
user-experience, maintainability, consistency, accessibility, outlooks
How to Optimize SQL Queries for Faster Sites271
how-tos, sql, mysql, databases, caching, optimization
Understanding the “Vary” Header (sma)270
http, http-headers, caching
The Front-End Checklist (the)269
websites, checklists, html, css, javascript, images, accessibility, seo
The State of the Web (fox)268
web
Using the Paint Timing API (mal/css)267
apis, time, painting, rendering, javascript
(Now More Than Ever) You Might Not Need jQuery (oll/css)266
jquery, javascript, ajax, comparisons, examples
Three Reasons Why You Should Care About Google Lighthouse (fox/cal)265
lighthouse, google
What Is the Future of Front End Web Development? (chr/css)264
outlooks, user-experience, javascript, documentation, native, web, urls, css, preprocessors, html, building, tooling
What We Talk About When We Talk About Web Performance (btc)263
videos
Let the Content Delivery Network Optimize Your Images (jon/sma)262
content-delivery, images, optimization
Optimizing Web Fonts for Performance: The State of the Art261
fonts, optimization
Brotli and Static Compression (mal/css)260
compression, brotli, gzip, comparisons
A Comprehensive Guide to HTTP/2 Server Push (mal/sma)259
guides, http, protocols, servers
Guetzli, Google’s New JPEG Encoder (tel)258
images, jpeg, compression, tooling
AMP and the Web (tka)257
amp, google, web-platform, web
Considering How We Use HTTP/2 (mal/ali)256
optimization, http, protocols
Using HTTP/2 Responsibly: Adapting for Users (mal/ali)255
http, protocols, support, servers
11 Tips to Optimize JavaScript and Improve Website Loading and Rendering Speeds254
javascript, optimization, minification, compression, caching
The Web, Worldwide (tka)253
websites, metrics
A Checklist for Website Reviews (hcr)252
checklists, browsers, seo, accessibility, security
Performant Parallaxing (aer/dev)251
scrolling, css, effects, parallax, positioning
Performance: Shame, Hope, Nuance, and Interesting Problems (bka)250
The Joy of Optimizing (una/btc)249
videos, images, optimization
Web Packaging Format248
web-packaging
Next Generation Server Compression With Brotli (mal/sma)247
compression, brotli, gzip, comparisons
When Is the Right Time to Think About Web Performance? (fon/css)246
processes
High Performance SVGs (sar/css)245
svg, images, tooling, optimization
The Performance Benefits of “rel=noopener” (jaf)244
html, links, security
Ways You Need to Tell the Browser How to Optimize (chr/css)243
browsers, css, optimization
Accessibility and Performance (mar)242
accessibility, javascript, optimization
Service Workers and PWAs: It’s About Reliable Performance, Not “Offline” (sli)241
web-apps, progressive-web-apps, web-workers, javascript
6 SEO Trends to Watch for in 2016240
trends, seo, content, marketing, mobile, social-media
How to Optimize Mobile Performance (sma)239
how-tos, mobile, optimization, performance-budgets, content-management, caching, testing
CPP: A Standardized Alternative to AMP (tka)238
amp, google, policies
Critical Metric: Critical Resources237
metrics, css, javascript
Lazy-Loading Images: How Not to Really Annoy Your Users236
images, lazy-loading, jquery
10 Web Predictions for 2016 (cra)235
web, outlooks, security, site-generators, browsers, css, mobile, webassembly, seo
Why You Should Choose Your Own HTTPS (hel)234
http, content-delivery, tooling, cloudflare
The Problem With Progressive Enhancement233
progressive-enhancement, javascript, resilience
The Cost of Frameworks Recap (chr/css)232
frameworks
JavaScript Frameworks and Mobile Performance231
javascript, frameworks, mobile
Loading Web Fonts With the Web Font Loader (fon/css)230
fonts, flash-of-x, user-experience
Design + Performance (zem/btc)229
videos, design, user-experience
HTTP/2: The Pros, the Cons, and What You Need to Know228
protocols, http
Performance Budgets in Action (spe)227
performance-budgets
AMP and Incentives (tka)226
amp, google, web
Using Web Fonts the Best Way (in 2015) (hel)225
fonts
Introducing RAIL: A User-Centric Model for Performance (pau/sma)224
introductions, metrics, user-experience
Factors Affecting Website Performance223
network, browsers, memory, servers, images, multimedia
Preloading Images in Parallel With Promises (kit)222
javascript, promises, images, preloading
Delivering Responsibly (sco/btc)221
videos, usability, accessibility, sustainability
10 Common Mistakes Web Developers Make220
mistakes, html, css, javascript, career
5 Easy Performance Tweaks for Node.js Express (cra)219
nodejs, express, optimization, compression
Strategies for Cache-Busting CSS (chr/css)218
css, caching, tooling, strategies
Understanding Critical CSS (sma)217
css
Mastering Image Optimization in WordPress216
wordpress, images, optimization
React + Performance = ? (aer)215
react, metrics
Performance Tools (fon/css)214
tooling, content-delivery, testing, dev-tools, images, css, javascript, optimization, link-lists
Choosing Performance (tka)213
facebook+meta
Advanced Performance Audits With DevTools (pau)212
auditing, browsers, dev-tools
Tour of a Performant and Responsive CSS Only Site (css)211
css, parallax, effects, case-studies
Planning for Performance (sco/ali)210
Performance Budget Metrics (tka)209
performance-budgets, metrics
Progress Indicators Make a Slow System Less Insufferable (nng)208
progress-indicators, user-experience, design
The Perception of Performance (lou)207
user-experience
Image Optimization Services (gri/clo)206
images, optimization, link-lists
JS Parse and Execution Time (tka)205
javascript, parsing, metrics
How a New HTML Element Will Make the Web Faster (ars)204
html, images, responsive-design
Minimising Font Downloads (jaf)203
fonts, css, optimization, support, browsers
Faster YouTube Embeds With JavaScript202
embed-code, youtube, javascript
Introduction to the Resource Timing API201
introductions, time, apis, javascript
Authoring Critical Above-the-Fold CSS (css)200
css, sass, asynchronicity
Optimizing WordPress Performance With P3199
wordpress, optimization, plugins
Pixels Are Expensive (aer)198
rendering, painting
Speed Up Your WordPress Site197
wordpress, tooling
How to Speed Up WordPress (sma)196
how-tos, wordpress
Cache Invalidation Strategies With Varnish Cache (per/sma)195
caching, tooling
WordPress Performance Improvements That Can Go Wrong (sma)194
wordpress, plugins
Grunt and Gulp Tasks for Performance Optimization193
yeoman, grunt, gulp, tooling, optimization
Controlling Heavy Weight Websites192
user-experience, case-studies
Nine Things to Expect From HTTP/2 (mno)191
http, protocols, network
Web Performance Tricks—Beyond the Basics190
tips-and-tricks, html, css, optimization, link-lists
Packaging on the Web (jen+/tag)189
web-packaging
The Complete Guide to Reducing Page Weight (cra)188
guides, compression, caching, content-delivery, minification
Avoiding the 300 ms Click Delay, Accessibly (tka)187
events, accessibility
Responsive HTML5 Apps: Write Once, Run Anywhere? Where Is Anywhere? (wir)186
html, web-apps, responsive-design, multimedia
Flexbox Layout Isn’t Slow (pau/dev)185
css, flexbox, layout
Performance Matters (ali)184
w3c
SEO Strategies for Designers183
seo, strategies, urls, metadata
Sustainable Web Design (ali)182
sustainability
Image Compression for Web Developers (dev)181
images, compression, link-lists
Webpage Performance (geo)180
compression, images, minification, caching, content-delivery
Domain Sharding Revisited179
domains, http, protocols
WordPress Fragment Caching Revisited (css)178
wordpress, caching, php
Progressive Enhancement Is Faster (jaf/sma)177
progressive-enhancement
Images Slowing Down Your Site? Try This One Weird Trick! (aer)176
images, javascript
Solving Rendering Performance Puzzles (jaf)175
svg, javascript, rendering
Does Flexbox Have a Performance Problem? (chr/css)174
css, flexbox, layout
On Mobile, Data URIs Are 6× Slower Than Source Linking (New Research)173
mobile, data-urls
When the UI Is Too Fast (nng)172
usability
Say “Yes” to JavaScript (mit)171
javascript, privacy
Why We Need Responsive Images (tka)170
images, responsive-design, metrics
Creating a Performance Culture169
culture
HTML5’s “Performance Issue” Rubbished (cra)168
html
No, HTML5 Does Not Have a Performance Issue (pba)167
html
Preventing the Performance Hit From Custom Fonts (chr/css)166
fonts, ajax, jquery, lazy-loading
jQuery: The Performance of DOM Caching165
jquery, dom, caching
Why Is Node.js So Much Faster? (sim)164
nodejs, javascript, asynchronicity
Web Technology: 5 Things to Watch in 2013 (sts/cne)163
browsers, standards, images
A Tale of Animation Performance (chr/css)162
css, animations
Scrolling Performance (aer/dev)161
scrolling
Why Moving Elements With “translate()” Is Better Than “pos:abs top/left” (pau)160
css, animations
The Perception of Speed159
user-experience, single-page-apps
Web Performance: When Millisecond Resolution Just Isn’t Enough (mic)158
javascript, apis, metrics
Cache Is King157
caching
Preferred Caching156
caching, web-apps, internet-explorer, microsoft, browsers
Octane: The JavaScript Benchmark Suite for the Modern Web (dev)155
javascript, testing, support, v8, tooling
Loading Half a Billion Rows Into MySQL154
mysql, databases
Building a High Performance Website153
metrics, processes, optimization
The Performance Golden Rule152
principles
Google Wants Faster TCP151
google, tcp, protocols
Use PHP Flush to Improve Site Loading Speed150
php, flushing
Reduce Your jQuery Script Loading Times149
jquery, embed-code
HTML5, CSS3, and DOM Performance (pau/goo)148
videos, html, css, dom
CSS3 vs. CSS: A Speed Benchmark (sma)147
css, comparisons, metrics
Evolution of Script Loading146
html, javascript, asynchronicity
Speed Up Your Website With PHP Buffer Flushing (cra)145
php, flushing
Performance Mythbusters (tka)144
optimization, myths
Improve JavaScript Performance143
javascript, optimization
Why We Don’t Have a Parent Selector (jus)142
css, selectors
The Need for Speed… Why Slow Page Load Times Matter (and)141
slides
High-Performance String Concatenation in JavaScript (cra)140
javascript, strings
WebPageTest.org and Page Speed139
webpagetest, google
Delay Loading the Print Stylesheet (bel)138
css, print, javascript
Website Response Times (nng)137
user-experience, usability, metrics
Frontend SPOF136
html, javascript, css, fonts
Efficiently Rendering CSS (chr/css)135
css, selectors, rendering
Performance Toolbelt: Page Speed (tka)134
tooling
Slow Kills (tel)133
google
9 Causes of Web Page Obesity (cra)132
embed-code, compression, optimization
Better JavaScript Minification (nza/ali)131
javascript, minification
Data URIs (chr/css)130
data-urls
Are You Loosing Traffic by Poor Website Performance? (cod/sma)129
traffic, techniques, tooling, link-lists
How Fast Is Your Site?128
google, tooling
Full Frontal ’09: Jake Archibald on Performance Optimisation (mic/aja)127
optimization, javascript, dom
Fast by Default and Web Performances (aja)126
images, sprites, javascript, css
“@ font-face” Is Cool… but Does It Scale? (oct/aja)125
css, fonts
JavaScript Gzip Compression in WordPress: What’s Possible and What Hurts (lyz/clo)124
php, javascript, compression, gzip, wordpress
Details on JS Compression: Squeezing Every Last Byte on the Wire (dal/aja)123
javascript, compression
Best Way to Load Your JavaScript (dal/aja)122
javascript, jquery
CSS: Using Every Declaration Just Once (j9t/goo)121
css, maintainability
How Gzip Compression Works (goo)120
compression, gzip
PHP Performance Tips (goo)119
php, tips-and-tricks
Reducing the File Size of HTML Documents (j9t/goo)118
html, optimization
Let’s Make the Web Faster117
google
Simplifying CSS Selectors116
css, selectors
Page Speed: New Open Source Firebug Performance Extension From Google (dal/aja)115
firebug, google, tooling
Flushing the Document Early114
flushing
Don’t Use “@ import”113
css
Reflows and Repaints: CSS Performance Making Your JavaScript Slow? (stu)112
css, reflow, painting, javascript
Performance of CSS Selectors Is Irrelevant (j9t)111
css, selectors
Is Optimizing CSS Selectors Worth It? (dal/aja)110
css, selectors, optimization
Performance Impact of CSS Selectors109
css, selectors, metrics
Performance and RFC 2396 (j9t)108
links
Coupling Asynchronous Scripts107
javascript, asynchronicity, html
State of Performance 2008106
retrospectives, outlooks
Timing in JavaScript and Browsers Can’t Be Trusted (dal/aja)105
javascript, metrics, windows, microsoft
UA Profiler and Google Chrome104
chrome, google, browsers, profiling
The Performance Cost of the HTML Tree Builder (hsi)103
html, parsing, metrics
What’s the Fastest Way to Code a Loop in JavaScript?102
javascript, loops, metrics, comparisons, browsers, firefox, mozilla, camino, safari, opera, internet-explorer
Non-Blocking JavaScript Downloads (sto)101
javascript
State of AJAX for June 2008: Apple Flexes Open Web Muscles (dal/aja)100
browsers, standards, javascript, extjs, dojo, yui, mootools, jquery, css, svg, canvas, tooling, link-lists, ajaxian
Rendering Performance in Canvas Compared to SVG and VML (dal/aja)99
rendering, canvas, svg, images, comparisons
Preloading Images With jQuery (oct/aja)98
preloading, images, jquery
15 Tools to Help You Develop Faster Web Pages97
tooling, browser-extensions, link-lists
JavaScript Optimization—High Performance JS Apps96
javascript, optimization, lazy-loading
Ajaxian Roundup for April 2008: CSS Goodness, Ext Licenses, and the Cloud (dal/aja)95
javascript, jquery, prototypejs, dojo, extjs, mootools, standards, css, mobile, tooling, code-editors, ajaxian, link-lists
The Performance Aspect of Acid394
acid-tests, web-platform, browsers, animations
Ajaxian Roundup for March 2008: IE 8, Acid3, and Performance (dal/aja)93
browsers, javascript, dojo, dwr, extjs, prototypejs, jquery, css, design, tooling, mobile, databases, comet, ajaxian, link-lists
Optimizing Page Loading in the Web Browser (ant/web)92
browsers, optimization
IE 8 [Connection] Parallelism Issues (dal/aja)91
internet-explorer, microsoft, browsers
IE8 Speeds Things Up90
internet-explorer, microsoft, browsers, http
Include: Pack Your JavaScript With Ease (dal/aja)89
javascript, libraries, minification
Does “setTimeout” Solve the “DOMContentLoaded” Problem?88
javascript, dom, time
Is Easy Implementation the Same as Good Code? (cod/aja)87
developer-experience, quality, javascript, embed-code
10 Principles of Effective Web Design (vit/sma)86
principles, design, usability, simplicity, whitespace, conventions, testing
A Study of AJAX Performance Issues85
ajax, javascript, metrics, studies, research
Fallacies of Distributed Computing Explained (arn)84
architecture, network
Ajaxian Roundup for December 2007: It’s the End of the Year as We Know It (dal/aja)83
browsers, javascript, prototypejs, extjs, yui, jquery, microsoft, dwr, security, gwt, comet, css, mobile, ajaxian, link-lists
The Great Browser JavaScript Showdown (cod)82
javascript, metrics, opera, safari, apple, internet-explorer, microsoft, firefox, mozilla, browsers, comparisons
Monthly Ajaxian Roundup for November 2007: Defining JavaScript 2, Making Security Less Caja, and Mobile (dal/aja)81
dojo, prototypejs, scriptaculous, mootools, jquery, yui, gwt, extjs, browsers, javascript, apis, mobile, ajaxian, link-lists
“replaceHTML” for When “innerHTML” Dogs You Down (dal/aja)80
javascript, html
YUI Theater—Joseph Smarr: “High-Performance JavaScript: Why Everything You’ve Been Taught Is Wrong”79
javascript
Web Standards Do—the Way of Web Standards (oli/w3c)78
standards, html, semantics, http, content-negotiation, caching, xml, xhtml, testing, processes, urls, redirecting
CSS Selectors—Speed Myths77
css, selectors, metrics, extjs, jquery, dojo, mootools, prototypejs, internet-explorer, firefox, safari, opera, browsers, comparisons, myths
Load Time, the UX Factor: Facts and Measures (j9t)76
user-experience
Delay Loading Your Print CSS (sto)75
css, print