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

Frontend Dogma

“performance” News Archive (2)

Entry (Sources) and Other Related TopicsDate#
Making a Website Under 1 kB550
minimalism, html
Which Generator Builds Markdown the Fastest? (zac)549
site-generators, markdown, comparisons
500 ms to 1.7 ms in React: A Journey and a Checklist548
react
Priority Hints—What Your Browser Doesn’t Know (Yet)547
hints
Fix Web Performance for the Long-Term (sia)546
testing, processes
Powerful Image Optimization Tools (lou/sma)545
link-lists, images, compression, tooling
Can SVG Symbols Affect Web Performance?544
svg, images
Avoiding “<img>” Layout Shifts: “aspect-ratio” vs. “width” and “height” Attributes (jaf)543
web-vitals, comparisons, html, attributes, aspect-ratio, css
Frontend Web Performance: The Essentials542
fundamentals, javascript
Faster WordPress Rendering With 3 Lines of Configuration (sto)541
wordpress, css, http, configuration
Imagemin Guard (j9t)540
packages, npm, images, compression, jpeg, png, gif, webp, avif
A CLS Punishment for Progressive Enhancement? (bel/pic)539
web-vitals, progressive-enhancement
Everything You Need to Know About Web Performance (in 5 Minutes)538
web-vitals, compression
Style Scoping Versus Shadow DOM: Which Is Fastest? (nol)537
selectors, scope, dom, shadow-dom, comparisons, metrics
How to Remove 99% of JavaScript From Main Thread (wea)536
videos, how-tos, javascript
What We’ve Learned From One Year of Real User Monitoring Data on GOV.UK535
monitoring, metrics
Measuring the Performance of Typefaces for Users II (sma)534
typography, fonts
Measuring the Performance of Typefaces for Users (sma)533
typography, fonts
Don’t Sink Your Website With Third Parties (sma)532
embed-code, dependencies
Two Lines of CSS That Boosts 7× Rendering Performance531
css, rendering
Conditionally Loading CSS or Any Resource Using Media Queries (ami)530
html, media-queries
Rethinking Server-Timing as a Critical Monitoring Tool (sma)529
time, http, metrics, monitoring
Don’t Fight the Browser Preload Scanner (mal/dev)528
browsers, html, parsing
How to Use Google CrUX to Analyze and Compare the Performance of JS Frameworks (sma)527
how-tos, google, metrics, javascript, frameworks
Performance Game Changer: Browser Back/Forward Cache (tun/sma)526
browsers, caching, web-vitals
A Management Maturity Model for Performance (sli)525
Get to Know Your Browser’s Performance Profiler524
browsers, tooling, profiling
Understanding the Performance Impact of Anti-Flicker Snippets (spe)523
web-vitals
Is Measuring Speed a Useful Metric for Design Systems? (amy+)522
videos, metrics, design-systems
Faster Initialization of Instances With New Class Features (joy)521
browsers, javascript, javascript-engines, v8
How to Improve Core Web Vitals (8 Ways)520
how-tos, web-vitals
The Ultimate Guide to Optimizing JavaScript for Quick Page Loads (ste/bui)519
guides, javascript, optimization
Core Web Vitals: Finding Common Ground Between SEOs and Developers (moz)518
web-vitals, seo, metrics
How to Optimize Your LCP (with Visuals) (ste)517
how-tos, web-vitals, optimization
Picture Perfect Images With the Modern “<img>” Element (add)516
images, html, web-vitals
Optimising Largest Contentful Paint (css)515
web-vitals
Speed Needs Design, or: You Can’t Delight Users You’ve Annoyed514
design, user-experience
The Web Is for Everyone: Our Vision for the Evolution of the Web (moz)513
web, outlooks, privacy, security, accessibility, user-experience
Optimising Core Web Vitals on SPAs (sim)512
web-vitals, single-page-apps, optimization
Improving Your User Experience to Reduce Bounce Rates (uxm)511
user-experience, usability, seo
Performance Tests on Common JavaScript Array Methods (hac)510
testing, javascript, arrays
The Impact That High Quality Mark-Up Can Have on Accessibility, Performance, and Discoverability509
videos, html, accessibility
Optimizing SVG Patterns to Their Smallest Size (css)508
svg, images
The Weirdly Obscure Art of Streamed HTML507
html, streaming
Making the World’s Fastest Website, and Other Mistakes506
mistakes
Ten Years of Page Bloat: What Have We Learned? (spe)505
web-vitals, user-experience
Performance Signals for Customizing Website UX (tun/sma)504
user-experience, web-vitals, customization
A New Speed Milestone for Chrome (dev)503
browsers, google, chrome
7 Ways to Achieve a Faster Core Web Vitals Score (hac)502
web-vitals
Should Frontend Devs Care About Performance?501
Top 2021 CSS Frameworks Report: The CSS File Sizes (cit)500
studies, research, frameworks, css
Improving a CDN’s Cache Hit Ratio (erw)499
content-delivery, caching
How to Make MPAs That Are as Fast as SPAs (cfe)498
how-tos, multi-page-apps, single-page-apps
Minimizing Google Fonts by Only Loading It for Certain Characters (ami)497
typography, google, fonts, minimalism
Core Web Vitals: What Next? (moz)496
web-vitals, seo
The Difference Between Brotli and Gzip Compression Algorithms to Speed Up Your Site495
compression, brotli, gzip
This Is Why Your Node.js Application Is Slow494
nodejs
Reducing the Web’s Carbon Footprint: Optimizing Social Media Embeds (mic/sma)493
social-media, embed-code, sustainability
Improving JavaScript Bundle Performance With Code-Splitting (cod/sma)492
javascript, bundling, code-splitting, optimization
Speed Matters, but It Isn’t Everything491
user-experience, metrics
Caching Header Best Practices (sim)490
caching, http, http-headers, best-practices
Optimize Your PNGs With Oxipng and pre-commit (ada)489
images, png, compression, tooling
Big Images, Blazingly Fast488
images, quality
How to Avoid Layout Shifts Caused by Web Fonts (sim)487
how-tos, user-experience, fonts
Website Performance and the Planet486
sustainability, caching
Memory Leaks: The Forgotten Side of Web Performance (nol)485
memory
Improving WordPress Performance: An Open Letter (erw)484
wordpress, css, javascript
Page Visibility: If a Tree Falls in the Forest…483
web-vitals, user-experience
Exposing Mid-Resource LCP Values482
web-vitals
A Unified Theory of Web Performance (sli)481
Using Diagnostic Metrics480
metrics
Practical Tips for Load-Testing Web Applications479
testing, tips-and-tricks, web-apps
The Business Case for Performance478
economics
Faster Websites by Using Less HTML (j9t)477
cross-posts, html, optimization, minimalism
Redirect Liquidation (tim)476
optimization, redirecting
Frontend Web Performance: The Essentials475
fundamentals, rendering
Web Performance, Core Web Vitals, and Vanity Metrics474
web-vitals, metrics
Hands On With the New Responsiveness Metrics473
responsive-design, metrics
Explain Like I’m Five: Web Performance Optimization (sto)472
optimization
Performance Implications of JavaScript Errors471
javascript, errors
Defer Non-Critical Resources470
html
Caching: Understanding the Scope469
caching
Test Your Product on a Crappy Laptop (eri/css)468
testing, usability
HTTP Compression467
http, protocols, compression
Have Core Web Vitals Made the Web Faster? (tun)466
web-vitals
Plugging Memory Leaks in Your App (sto)465
memory
Request for a General Theory of Web Performance464
Page Weight (htt)463
web-almanac, studies, research, metrics
Smashing Podcast Episode 44 With Chris Ferdinandi: Is the Web Dead? (cfe+/sma)462
podcasts, interviews, web-platform, standards, tooling, developer-experience
7 Ways to Improve Node.js Performance at Scale (app)461
nodejs, optimization
Improving the Performance of Wix Websites (Case Study) (sma)460
monitoring, culture, case-studies
How JavaScript Engines Achieve Great Performance459
javascript, javascript-engines
Designing Sustainable Websites (ger)458
sustainability, software-design
Performance (sia/htt)457
web-almanac, studies, research, metrics, user-experience
Your CSS Is an Interface (eri)456
css
Why IndexedDB Is Slow and What to Use Instead455
databases, indexeddb, javascript
Get Your “Head” Straight (css/btc)454
videos, html
Why Your Website Should Not Use Dithered Images453
images, dithering, compression
Using Web Workers to Boost Third-Party Script Performance (log)452
web-workers, javascript
Chrome DevTools: Record and Playback Your User Journeys451
dev-tools, user-experience, browsers, google, chrome
How to Implement Memoization in React to Improve Performance450
how-tos, react, memoization, optimization
Everything You Have to Know About Core Web Vitals (fox/cal)449
web-vitals
Best Practices on Embedding Third-Party Web Widgets448
embed-code, best-practices
Web Performance Metrics Cheatsheet (ire)447
metrics, cheat-sheets
Building an Effective Image Component (dev)446
components, javascript
How I Made Google’s Data Grid Scroll 10× Faster With One Line of CSS445
css
Optimizing Resource Loading With the Fetch Priority API (add+/dev)444
data-fetching, apis, optimization
New HTTP Standards for Caching on the Modern Web443
http, protocols, caching, standards
My Challenge to the Web Performance Community (phi)442
jsPerf—Online JavaScript Performance Benchmark441
websites, javascript
Using Modern Image Formats: AVIF and WebP (add/sma)440
images, avif, webp, jpeg, png, comparisons, compression
Faster React Apps With Memoization439
react, memoization
ct.css—Let’s Take a Look Inside Your “<head>” (css)438
css, debugging
Small Bundles, Fast Pages: What to Do With Too Much JavaScript (cal)437
javascript, bundling
Optimizing Images on the Web (clo)436
images, cloudflare
Vanilla JS Is a Web Performance Decision (cfe)435
javascript
Blowing Up HTML Size With Responsive Images (deb)434
html, images, responsive-design
Designing for Long Waits and Interruptions: Mitigating Breaks in Workflow in Complex Application Design (nng)433
user-experience, complexity
Writing High-Performance JavaScript (cfe)432
javascript
What Are the Web Performance Metrics That Actually Matter? (cfe)431
metrics
Lighthouse Scores Do Not Affect Google Search/SEO (erw)430
lighthouse, google, search, seo
HTTP/3: Performance Improvements (pro/sma)429
http, protocols
Does Shadow DOM Improve Style Performance? (nol)428
dom, shadow-dom, rendering
Big O, Code Efficiency Analysis427
algorithms
“<Lazy>” Rendering in Vue to Improve Performance426
vuejs, client-side-rendering, optimization
A Performance-Focused Workflow Based on Google Tools (dev)425
web-vitals, tooling, google
How We Reduced Next.js Page Size by 3.5× and Achieved a 98 Lighthouse Score424
nextjs, lighthouse, google, case-studies
CSS Architecture and Performance in Micro Frontends423
css, architecture, micro-frontends
Learnings From a WebPageTest Session on CSS-Tricks (chr/css)422
webpagetest
A Beginner’s Guide to Lighthouse421
guides, lighthouse, google, web-vitals
How to Eliminate Render-Blocking Resources: A Deep Dive (sia)420
how-tos, rendering
What Is Tree Shaking? (cfe)419
javascript, concepts, tree-shaking
The Performance Effects of Too Much Lazy-Loading (rvi/dev)418
web-vitals, lazy-loading
Performance Design: The Illusion of Speed417
user-experience
Resource Inlining in JavaScript Frameworks (mge/dev)416
javascript, frameworks, web-vitals
Making the Web—Faster (rau)415
web, developer-experience, principles
Serving Sharp Images to High Density Screens (jaf)414
images
Half the Size of Images by Optimising for High Density Displays (jaf)413
html, images
Using AVIF to Compress Images on Your Site (dev)412
images, avif, compression
What Can the HTTP Archive Tell Us About Largest Contentful Paint?411
Best Practices for Fonts (tun/dev)410
fonts, best-practices
How to Fix Cumulative Layout Shift (CLS) Issues (tun/sma)409
how-tos, web-vitals
CSS for Web Vitals (una/dev)408
css, web-vitals
Elasticsearch Boolean Query Performance (ast)407
tooling, search
Tree-Shaking: A Reference Guide (ati/sma)406
guides, optimization, javascript, tree-shaking
Reducing HTML Payload With Next.js (Case Study) (sma)405
nextjs, html, case-studies
An Introduction to Performance Budgets404
introductions, performance-budgets, metrics
9 Principles of Good Web Design403
design, principles, simplicity, navigation, content, layout, mobile
Bypassing Cookie Consent Banners in Lighthouse and WebPageTest (and)402
consent-management, cookies, lighthouse, google, webpagetest, testing
The 5-Hour CDN (fly)401
content-delivery
Measuring Web Performance in Mobile Safari (css)400
testing, mobile, browsers, apple, safari
What About Ember? (tka)399
emberjs
Testing Performance (kel)398
testing
Front-End Performance 2021: Delivery Optimizations (vit/sma)397
checklists, link-lists
Front-End Performance 2021: Build Optimizations (vit/sma)396
checklists, link-lists, building
Front-End Performance 2021: Assets Optimizations (vit/sma)395
checklists, link-lists, compression, images
HTML and CSS Techniques to Reduce Your JavaScript394
html, css, javascript
Continuous Performance Analysis With Lighthouse CI and GitHub Actions (css)393
lighthouse, google, github-actions
Optimizing Image Depth (mey/css)392
images, quality, optimization
Page Weight (htt)391
web-almanac, studies, research, metrics
Time to Say Goodbye to Google Fonts: Cache Performance390
google, fonts, caching
Best Practices for Inclusive Textual Websites389
security, accessibility, best-practices
Measuring Core Web Vitals With Sentry (fon/css)388
web-vitals, tooling
Warp: Improved JS Performance in Firefox 83 (jan/moz)387
firefox, mozilla, browsers, javascript, spidermonkey, javascript-engines
The What, Why, and How of Using a Skeleton Loading Screen (tre)386
placeholders, react
Core Web Vitals: A Guide to Google’s Web Performance Metrics (cra)385
guides, google, web-vitals
Signed Exchanges (SXGs) (twi/dev)384
authentication, signed-exchanges, web-packaging
How to Create High-Performance CSS Animations (rac/dev)383
how-tos, css, animations
Reducing the Site Speed Impact of Third-Party Tags382
embed-code
Enforcing Performance Budgets With Webpack (css)381
performance-budgets, webpack
AVIF Has Landed (jaf)380
images, avif, quality, jpeg, webp, svg, png, comparisons
Loading Third-Party JavaScript (add/dev)379
javascript
Performance Is an Issue of Equity (clo)378
accessibility
Methods of Improving and Optimizing Performance in React Apps (sma)377
react, optimization
Lazy Loading Images in Svelte (css)376
images, lazy-loading, svelte
We Need More Inclusive Web Performance Metrics (sco)375
metrics, dei
How I Used Brotli to Get Even Smaller CSS and JavaScript Files at CDN Scale (css)374
compression, brotli
5 Projects to Help You Master Modern CSS (cra)373
css, print, forms
Core Web Vitals (chr/css)372
google, web-vitals, metrics
On Fixed Elements and Backgrounds (hui)371
css, backgrounds, positioning, scrolling
Speed Up Google Fonts (css)370
google, fonts
The Need for Speed, 23 Years Later (nng)369
user-experience, history
Maybe You Don’t Need That SPA368
single-page-apps, javascript, react, marko
prerender.js (chr/css)367
libraries
Introducing Web Vitals: Essential Metrics for a Healthy Site (dev)366
introductions, web-vitals, metrics, google
Real-World Effectiveness of Brotli (css)365
compression, brotli, comparisons
The Cost of JavaScript Frameworks (tka)364
javascript, frameworks, metrics, jquery, vuejs, angular, react
Start Render: The Web Performance Metric That Heralds the End of the Blank Page363
metrics, web-vitals
Performance Tips: Minifying HTML, CSS, and JS362
videos, html, css, javascript, minification, tips-and-tricks
Setting Height and Width on Images Is Important Again (tun/sma)361
html, images, web-vitals
Improving Perceived Performance With the CSS “font-display” Property (the)360
css, fonts
Page Builders Might Not Be a Good Idea (cit)359
maintainability, consistency, quality
Encrypting DNS Query Bad for Performance? (erw)358
dns, http, encryption, security
Do This to Improve Image Loading on Your Website (fon/css)357
images, html
Google Tag Manager vs. Page Speed: The Impact and How to Improve356
google, tag-management, analytics, optimization
The Web in 2020: Extensibility and Interoperability (una/css)355
web-platform, extensibility, interoperability, houdini, variable-fonts, custom-properties, logical-properties, web-components, media-queries
Should You Self-Host Google Fonts? (tun)354
fonts, google, hosting
Improving Site Performance With Webpack Tree Shaking353
optimization, webpack, tree-shaking
Performance Budgets, Pragmatically (css)352
performance-budgets
Putting Devs Before Users: How Frameworks Destroyed Web Performance (uxd)351
frameworks, developer-experience
An HTML Optimizer’s Config for HTML Minifier (j9t)350
html, html-minifier, minification, optimization, configuration, minimalism
How Do You Remove Unused CSS From a Site? (chr/css)349
css, tooling
Speed Up Your Website With WebP (sma)348
optimization, webp, images
A Guide to Optimizing Images for Mobile (sma)347
guides, images, optimization, mobile
Workflow Considerations for Using an Image Management Service (chr/css)346
images, tooling, content-delivery
On Writing Better Markup (j9t)345
html, quality, maintainability, terminology
Recipes for Performance Testing Single Page Applications in Webpagetest (pha/css)344
testing, single-page-apps, tooling, webpagetest
Some HTML Is “Optional” (chr/css)343
html, standards
Faster Image Loading With Embedded Image Previews (sma)342
images, lazy-loading, techniques, javascript
Other Ways to SPAs (chr/css)341
single-page-apps, tooling
Optional HTML: Everything You Need to Know (j9t)340
html, minimalism
Lazy Load Embedded YouTube Videos (chr/css)339
youtube, lazy-loading, embed-code
Accessibility and Web Performance Are Not Features, They’re the Baseline (fon/css)338
accessibility, amp, google, user-experience
Handling Unused CSS in Sass to Improve Performance (sma)337
css, sass, optimization
What CMS to Use for Optimale TTFB (and Site Speed?) (erw)336
content-management, metrics, wp-engine, automattic
I Used the Web for a Day on a 50 MB Budget (sma)335
mobile
How Google Pagespeed Works: Improve Your Score and Search Engine Ranking (ben/css)334
google, tooling, lighthouse, seo
Browsers Are Pretty Good at Loading Pages, It Turns Out333
javascript, rendering, browsers
The Simplest Way to Load CSS Asynchronously (sco)332
css, asynchronicity
Shifting the Performance Burden (sco)331
Optimizing Google Fonts Performance (sma)330
google, fonts, optimization
The Problem With Web Development Checklists, or: The Frontend Checklist, Revised (j9t)329
checklists, html, accessibility, seo, social-media
How to Increase Your Page Size by 1,500% With Webpack and Vue (bur/css)328
webpack, vuejs
Responsible JavaScript (mal/ali)327
javascript, tree-shaking, code-splitting, embed-code, transpiling, tooling
Image Optimization in WordPress (sma)326
wordpress, images, optimization
Self-Host Your Static Assets (css)325
hosting, caching
Characteristics of a Strong Performance Culture (tka)324
culture, principles
Understanding Image Compression: Tooling and Context (j9t)323
images, compression, tooling
The Scoville Scale of Web Font Loading Opinions (zac/btc)322
videos, fonts
Browser Resource Hints: “preload”, “prefetch”, and “preconnect” (deb)321
hints, html, http-headers, http, preloading
Optimizing Performance With Resource Hints (dre/sma)320
hints, optimization
The Serif Tax (chr/css)319
fonts
Improving Perceived Performance With the Link “rel=preconnect” HTTP Header (and)318
http, http-headers, hints
“Cache-Control” for Civilians (css)317
caching, http
How to Avoid DOM Blocking in JavaScript (cra)316
how-tos, dom, javascript
Rendering on the Web (add+/dev)315
server-side-rendering, client-side-rendering, rendering, hydration, seo
HTML and Performance: Leave Out Optional Tags and Quotes (j9t)314
html
8 Reasons Why You’re Doing SEO Wrong (erw)313
seo
The Ethics of Web Performance (tka)312
ethics, accessibility
The Elements of UI Engineering (dan)311
user-experience, consistency, navigation, prioritization, accessibility, internationalization, resilience
Static vs. Server Rendering310
rendering, comparisons, react
Speed Up Next-Page Navigations With Prefetching (add)309
hints, html, http-headers, http, webpack
Keeping Sass Simple and Speedy on Eleventy (phi)308
sass, eleventy
On Visions for Performance, or: Performance Optimization Is a Process (j9t)307
optimization, outlooks, processes
Front-End Developers Have to Manage the Loading Experience (chr/css)306
user-experience
Performance Rule #1: Do What You Need to Do—But Not More (j9t)305
simplicity
A Netflix Web Performance Case Study (add/dev)304
netflix, case-studies
Reduce JavaScript Payloads With Code Splitting (mal/dev)303
javascript, code-splitting
Performance Budgets 101 (dev)302
introductions, performance-budgets, metrics
Improve Animated GIF Performance With HTML5 Video (sma)301
images, gif, multimedia
How to Configure Lighthouse for Balanced Quality Websites (j9t)300
how-tos, google, lighthouse, configuration, quality
A Guide to Caching in WordPress299
guides, wordpress, caching, plugins
A Minimal JavaScript Setup (css)298
javascript, conventions, naming, scope, maintainability, examples
Chrome’s Noscript Intervention (tka)297
chrome, google, browsers, javascript, mobile
20 Tips for Optimizing CSS Performance (cra)296
css, optimization, tips-and-tricks
Variable Fonts: What They Are, and How to Use Them295
how-tos, fonts, variable-fonts
Browser Painting and Considerations for Web Performance (css)294
browsers, browser-engines, painting, rendering
Slow Websites (geo/css)293
performance-budgets
The Cost of JavaScript in 2018 (add)292
javascript, code-splitting, lazy-loading, performance-budgets, bundling
HTTP/2: The Difference Between HTTP/1.1, Benefits, and How to Use It291
protocols, http, comparisons
Delivering WordPress in 7 KB (css)290
wordpress, themes
HTTP/2: Background, Performance Benefits, and Implementations289
protocols, http
Improving Performance Perception: On-Demand Image Resizing288
optimization, images, resizing, html
How I Dropped 250 KB of Dead CSS Weight With PurgeCSS (sar)287
css, purgecss
The Four Big Ways Jetpack Helps With Image Performance (css)286
wordpress, plugins, images
Here’s the Thing About “Unused CSS” Tools (chr/css)285
css, quality, tooling
7 Performance Tips for Jank-Free JavaScript Animations284
javascript, animations, tips-and-tricks
Making Your Website Faster and Safer With Cloudflare283
caching, security, cloudflare
How Do You Know Your Website Is a Success? (sma)282
product-management, strategies, metrics, user-experience, content, microcontent, navigation, testing
Page Transitions for Everyone (css)281
design, user-experience, animations, transitions, caching
Introducing Last Painted Hero (spe)280
introductions
How Fast Is AMP Really? (tka)279
amp, google, metrics
Three Techniques for Performant Custom Font Usage (oll/css)278
fonts, techniques, flash-of-x
AMP News (chr/css)277
amp, google, community
Why Fast Matters (css/btc)276
videos, economics
How to Optimize CSS and JS for Faster Sites275
how-tos, css, javascript, minification, optimization
Finding Dead CSS (css)274
css, maintenance
SYN Packet Handling in the Wild (clo)273
tcp, protocols, network
Performance of CSS Selectors Is Still Irrelevant (j9t)272
css, selectors
Progressive Web Apps: A Crash Course271
crash-courses, web-apps, progressive-web-apps, lighthouse, google
Optimizing CSS: Tweaking Animation Performance With DevTools270
css, animations, optimization, dev-tools, browsers, firefox, mozilla
On Big Picture Thinking in Web Development (j9t)269
user-experience, maintainability, consistency, accessibility, outlooks
How to Optimize SQL Queries for Faster Sites268
how-tos, sql, mysql, databases, caching, optimization
Understanding the “Vary” Header (sma)267
http, http-headers, caching
The Front-End Checklist (the)266
websites, checklists, html, css, javascript, images, accessibility, seo
The State of the Web (fox)265
web
Using the Paint Timing API (mal/css)264
apis, time, painting, rendering, javascript
(Now More Than Ever) You Might Not Need jQuery (oll/css)263
jquery, javascript, ajax, comparisons, examples
Three Reasons Why You Should Care About Google Lighthouse (fox/cal)262
lighthouse, google
What Is the Future of Front End Web Development? (chr/css)261
outlooks, user-experience, javascript, documentation, native, web, urls, css, preprocessors, html, building, tooling
What We Talk About When We Talk About Web Performance (btc)260
videos
Let the Content Delivery Network Optimize Your Images (jon/sma)259
content-delivery, images, optimization
Optimizing Web Fonts for Performance: The State of the Art258
fonts, optimization
Brotli and Static Compression (mal/css)257
compression, brotli, gzip, comparisons
A Comprehensive Guide to HTTP/2 Server Push (mal/sma)256
guides, http, protocols, servers
Guetzli, Google’s New JPEG Encoder (tel)255
images, jpeg, compression, tooling
AMP and the Web (tka)254
amp, google, web-platform, web
Using HTTP/2 Responsibly: Adapting for Users (mal/ali)253
http, protocols, support, servers
Considering How We Use HTTP/2 (mal/ali)252
optimization, http, protocols
11 Tips to Optimize JavaScript and Improve Website Loading and Rendering Speeds251
javascript, optimization, minification, compression, caching
The Web, Worldwide (tka)250
websites, metrics
Performant Parallaxing (aer/dev)249
scrolling, css, effects, parallax, positioning
Performance: Shame, Hope, Nuance, and Interesting Problems (bka)248
The Joy of Optimizing (una/btc)247
videos, images, optimization
Web Packaging Format246
web-packaging
Next Generation Server Compression With Brotli (mal/sma)245
compression, brotli, gzip, comparisons
When Is the Right Time to Think About Web Performance? (fon/css)244
processes
High Performance SVGs (sar/css)243
svg, images, tooling, optimization
The Performance Benefits of “rel=noopener” (jaf)242
html, links, security
Ways You Need to Tell the Browser How to Optimize (chr/css)241
browsers, css, optimization
Accessibility and Performance (mar)240
accessibility, javascript, optimization
Service Workers and PWAs: It’s About Reliable Performance, Not “Offline” (sli)239
web-apps, progressive-web-apps, web-workers, javascript
6 SEO Trends to Watch for in 2016238
trends, seo, content, marketing, mobile, social-media
How to Optimize Mobile Performance (sma)237
how-tos, mobile, optimization, performance-budgets, content-management, caching, testing
CPP: A Standardized Alternative to AMP (tka)236
amp, google, policies
Critical Metric: Critical Resources235
metrics, css, javascript
Lazy-Loading Images: How Not to Really Annoy Your Users234
images, lazy-loading, jquery
Why You Should Choose Your Own HTTPS (hel)233
http, content-delivery, tooling, cloudflare
10 Web Predictions for 2016 (cra)232
web, outlooks, security, site-generators, browsers, css, mobile, webassembly, seo
The Problem With Progressive Enhancement231
progressive-enhancement, javascript, resilience
The Cost of Frameworks Recap (chr/css)230
frameworks
Loading Web Fonts With the Web Font Loader (fon/css)229
fonts, flash-of-x, user-experience
JavaScript Frameworks and Mobile Performance228
javascript, frameworks, mobile
Design + Performance (zem/btc)227
videos, design, user-experience
HTTP/2: The Pros, the Cons, and What You Need to Know226
protocols, http
Performance Budgets in Action (spe)225
performance-budgets
Using Web Fonts the Best Way (in 2015) (hel)224
fonts
AMP and Incentives (tka)223
amp, google, web
Introducing RAIL: A User-Centric Model for Performance (pau/sma)222
introductions, metrics, user-experience
Factors Affecting Website Performance221
network, browsers, memory, servers, images, multimedia
Preloading Images in Parallel With Promises (kit)220
javascript, promises, images, preloading
Delivering Responsibly (sco/btc)219
videos, usability, accessibility, sustainability
10 Common Mistakes Web Developers Make218
mistakes, html, css, javascript, career
5 Easy Performance Tweaks for Node.js Express (cra)217
nodejs, express, optimization, compression
Strategies for Cache-Busting CSS (chr/css)216
css, caching, tooling, strategies
Understanding Critical CSS (sma)215
css
Mastering Image Optimization in WordPress214
wordpress, images, optimization
React + Performance = ? (aer)213
react, metrics
Performance Tools (fon/css)212
tooling, content-delivery, testing, dev-tools, images, css, javascript, optimization, link-lists
Choosing Performance (tka)211
facebook+meta
Advanced Performance Audits With DevTools (pau)210
auditing, browsers, dev-tools
Tour of a Performant and Responsive CSS Only Site (css)209
css, parallax, effects, case-studies
Planning for Performance (sco/ali)208
Performance Budget Metrics (tka)207
performance-budgets, metrics
Progress Indicators Make a Slow System Less Insufferable (nng)206
progress-indicators, user-experience, design
The Perception of Performance (lou)205
user-experience
Image Optimization Services (gri/clo)204
images, optimization, link-lists
JS Parse and Execution Time (tka)203
javascript, parsing, metrics
How a New HTML Element Will Make the Web Faster (ars)202
html, images, responsive-design
Minimising Font Downloads (jaf)201
fonts, css, optimization, support, browsers
Faster YouTube Embeds With JavaScript200
embed-code, youtube, javascript
Introduction to the Resource Timing API199
introductions, time, apis, javascript
Authoring Critical Above-the-Fold CSS (css)198
css, sass, asynchronicity
Optimizing WordPress Performance With P3197
wordpress, optimization, plugins
Pixels Are Expensive (aer)196
rendering, painting
Speed Up Your WordPress Site195
wordpress, tooling
How to Speed Up WordPress (sma)194
how-tos, wordpress
Cache Invalidation Strategies With Varnish Cache (per/sma)193
caching, tooling
WordPress Performance Improvements That Can Go Wrong (sma)192
wordpress, plugins
Grunt and Gulp Tasks for Performance Optimization191
yeoman, grunt, gulp, tooling, optimization
Controlling Heavy Weight Websites190
user-experience, case-studies
Nine Things to Expect From HTTP/2 (mno)189
http, protocols, network
Web Performance Tricks—Beyond the Basics188
tips-and-tricks, html, css, optimization, link-lists
Packaging on the Web (jen+/tag)187
web-packaging
The Complete Guide to Reducing Page Weight (cra)186
guides, compression, caching, content-delivery, minification
Responsive HTML5 Apps: Write Once, Run Anywhere? Where Is Anywhere? (wir)185
html, web-apps, responsive-design, multimedia
Avoiding the 300 ms Click Delay, Accessibly (tka)184
events, accessibility
Flexbox Layout Isn’t Slow (pau/dev)183
css, flexbox, layout
Performance Matters (ali)182
w3c
SEO Strategies for Designers181
seo, strategies, urls, metadata
Sustainable Web Design (ali)180
sustainability
Webpage Performance (geo)179
compression, images, minification, caching, content-delivery
Image Compression for Web Developers (dev)178
images, compression, link-lists
WordPress Fragment Caching Revisited (css)177
wordpress, caching, php
Domain Sharding Revisited176
domains, http, protocols
Progressive Enhancement Is Faster (jaf/sma)175
progressive-enhancement
Solving Rendering Performance Puzzles (jaf)174
svg, javascript, rendering
Images Slowing Down Your Site? Try This One Weird Trick! (aer)173
images, javascript
Does Flexbox Have a Performance Problem? (chr/css)172
css, flexbox, layout
On Mobile, Data URIs Are 6× Slower Than Source Linking (New Research)171
mobile, data-urls
When the UI Is Too Fast (nng)170
usability
Say “Yes” to JavaScript (mit)169
javascript, privacy
Why We Need Responsive Images (tka)168
images, responsive-design, metrics
Creating a Performance Culture167
culture
HTML5’s “Performance Issue” Rubbished (cra)166
html
No, HTML5 Does Not Have a Performance Issue (pba)165
html
Preventing the Performance Hit from Custom Fonts (chr/css)164
fonts, ajax, jquery, lazy-loading
jQuery: The Performance of DOM Caching163
jquery, dom, caching
Why Is Node.js So Much Faster? (sim)162
nodejs, javascript, asynchronicity
Web Technology: 5 Things to Watch in 2013 (sts/cne)161
browsers, standards, images
Why Moving Elements With “translate()” Is Better Than “pos:abs top/left” (pau)160
css, animations
Scrolling Performance (aer/dev)159
scrolling
A Tale of Animation Performance (chr/css)158
css, animations
The Perception of Speed157
user-experience, single-page-apps
Web Performance: When Millisecond Resolution Just Isn’t Enough (mic)156
javascript, apis, metrics
Cache Is King155
caching
Preferred Caching154
caching, web-apps, internet-explorer, microsoft, browsers
Octane: The JavaScript Benchmark Suite for the Modern Web (dev)153
javascript, testing, support, v8, tooling
Loading Half a Billion Rows Into MySQL152
mysql, databases
Building a High Performance Website151
metrics, processes, optimization
The Performance Golden Rule150
principles
Google Wants Faster TCP149
google, tcp, protocols
Use PHP Flush to Improve Site Loading Speed148
php, flushing
Reduce Your jQuery Script Loading Times147
jquery, embed-code
HTML5, CSS3, and DOM Performance (pau/goo)146
videos, html, css, dom
CSS3 vs. CSS: A Speed Benchmark (sma)145
css, comparisons, metrics
Evolution of Script Loading144
html, javascript, asynchronicity
Speed Up Your Website With PHP Buffer Flushing (cra)143
php, flushing
Performance Mythbusters (tka)142
optimization, myths
Improve JavaScript Performance141
javascript, optimization
Why We Don’t Have a Parent Selector (jus)140
css, selectors
The Need for Speed… Why Slow Page Load Times Matter (and)139
slides
High-Performance String Concatenation in JavaScript (cra)138
javascript, strings
WebPageTest.org and Page Speed137
webpagetest, google
Delay Loading the Print Stylesheet (bel)136
css, print, javascript
Website Response Times (nng)135
user-experience, usability, metrics
Frontend SPOF134
html, javascript, css, fonts
Efficiently Rendering CSS (chr/css)133
css, selectors, rendering
Performance Toolbelt: Page Speed (tka)132
tooling
Slow Kills (tel)131
google
9 Causes of Web Page Obesity (cra)130
embed-code, compression, optimization
Better JavaScript Minification (nza/ali)129
javascript, minification
Data URIs (chr/css)128
data-urls
Are You Loosing Traffic by Poor Website Performance? (cod/sma)127
traffic, techniques, tooling, link-lists
Full Frontal ’09: Jake Archibald on Performance Optimisation (mic/aja)126
optimization, javascript, dom
Fast by Default and Web Performances (aja)125
images, sprites, javascript, css
“@ font-face” Is Cool… but Does It Scale? (oct/aja)124
css, fonts
JavaScript Gzip Compression in WordPress: What’s Possible and What Hurts (lyz/clo)123
php, javascript, compression, gzip, wordpress
Details on JS Compression: Squeezing Every Last Byte on the Wire (dal/aja)122
javascript, compression
Best Way to Load Your JavaScript (dal/aja)121
javascript, jquery
Reducing the File Size of HTML Documents (j9t/goo)120
html, optimization
PHP Performance Tips (goo)119
php, tips-and-tricks
How Gzip Compression Works (goo)118
compression, gzip
CSS: Using Every Declaration Just Once (j9t/goo)117
css, maintainability
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
Ajaxian Roundup for December 2007: It’s the End of the Year as We Know It (dal/aja)84
browsers, javascript, prototypejs, extjs, yui, jquery, microsoft, dwr, security, gwt, comet, css, mobile, ajaxian, link-lists
Fallacies of Distributed Computing Explained (arn)83
architecture, network
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
Faster Page Loads With Image Concatenation74
images, html, css
Adam Bosworth: Why AJAX Failed (Then Succeeded) (dal/aja)73
ajax, user-experience
Dynamically Loading Google Analytics (mar)72
javascript, google, analytics
The Case for Registering Multiple Domains71
domains, http
Lessons in JavaScript Performance Optimisation: 90 Seconds Down to 3 Seconds (mic)70
lessons, javascript, optimization
JavaScript Loop Test69
javascript, loops, browsers, metrics
JavaScript Speed Test: Test Your Browsers (dal/aja)68
javascript, testing, browsers
AJAX and [Scalability] (mic/aja)67
ajax, servers, scalability
Speeding Up AJAX With JSON (aja)66
ajax, json
Fast DOM Queries in Today’s Browsers (sli)65
javascript, dom, browsers, w3c
Comet: Low Latency Data for the Browser (sli)64
comet, ajax, javascript
10 Realistic Steps to a Faster Web Site63
servers, caching
AJAX and CSS Optimization62
ajax, javascript, css, optimization, compression
AJAX Perf—Comparing the Atlas and Prototype Class Idioms61
javascript, comparisons
Ten Steps to a More User Friendly Website60
flash, images, compression, link-rot, html, conformance, browsers, support, navigation, readability, quality
Apache Performance Testing59
servers, apache, testing
5 Questions for Your Web Development Team (joh)58
mobile, legal, accessibility, maintainability, extensibility, search
CSS Sprites: Image Slicing’s Kiss of Death (dav/ali)57
css, images, sprites
Is Bloated CSS the New HTML? (jus)56
css, caching
By Logical Extension (bee)55
css, selectors
12 Steps to Faster Flash54
flash
Effects of CSS-Based Design (dav)53
html, css, conformance
Checking Unix Server Performance52
servers, unix-like
Improving Web Page Loading51
optimization, tables, javascript