| Speeding Up the JavaScript Ecosystem—Tailwind CSS (mar) | | 625 |
| javascript, tailwind |
| Learn Performance (kev+/dev) | | 624 |
| courses |
| Answering Common Questions About Interpreting Page Speed Reports (geo/sma) | | 623 |
| optimization |
| Effective Strategies for Optimizing Performance (the/sit) | | 622 |
| strategies, optimization |
| 20 Effective Tips to Speed Up Your Drupal Website (ins/clo) | | 621 |
| drupal, tips-and-tricks, optimization |
| Liquid vs. Headless: A Look at Real User Web Performance (sia/sho) | | 620 |
| shopify, headless, metrics, comparisons |
| Performance Optimization With Worker Threads Node.js | | 619 |
| optimization, nodejs, worker-threads |
| Tailwind vs. Semantic CSS (tip) | | 618 |
| tailwind, css, html, semantics, comparisons |
| Solid.js Creator Outlines Options to Reduce JavaScript Code (low/the) | | 617 |
| javascript |
| The Three Cs: Concatenate, Compress, Cache (css) | | 616 |
| compression, caching |
| Back/Forward Cache (phi+/dev) | | 615 |
| bfcache, browsers, chrome, google |
| The Hidden Performance Cost of Node.js and GraphQL (uts) | | 614 |
| nodejs, graphql |
| Speeding Up the JavaScript Ecosystem—the Barrel File Debacle (mar) | | 613 |
| javascript, architecture |
| The Ultimate Low-Quality Image Placeholder Technique (css) | | 612 |
| images, web-vitals |
| Optimizing Web Fonts (lyd/ver) | | 611 |
| fonts, css, optimization |
| Speeding Up the JavaScript Ecosystem—Polyfills Gone Rogue (mar) | | 610 |
| javascript, polyfills |
| Experimenting With Measuring Soft Navigations (tun+/dev) | | 609 |
| web-vitals, navigation, experiments, metrics |
| The Psychology of Web Performance (tam/btc) | | 608 |
| videos, user-experience, history |
| Get All That Network Activity Under Control With Priority Hints (mac) | | 607 |
| network, hints |
| Sustainability and Tech and Us (j9t) | | 606 |
| sustainability, minimalism, principles |
| Stop Lazy Loading Product and Hero Images (gri/clo) | | 605 |
| lazy-loading, images |
| I Think I Kind of Hate Lazy Loading (ede) | | 604 |
| lazy-loading |
| Why Do I Have Layout Shift? (una+/dev) | | 603 |
| videos, web-vitals |
| Five Optimization and Performance Tools That Enhance Website User Experience (min) | | 602 |
| user-experience, optimization, tooling, link-lists |
| Benchmarks [for 24 CSV Parsing Approaches] (lee) | | 601 |
| csv, parsing, comparisons |
| Code Splitting in React: Optimize Performance by Splitting Your Code (shr) | | 600 |
| code-splitting, react, optimization |
| Debugging Speculation Rules (tun/dev) | | 599 |
| speculation, debugging |
| How Layout Position Impacts Three Big Web Performance Levers (sia/sho) | | 598 |
| web-vitals |
| A Guide to Optimizing JavaScript Files (bib/sit) | | 597 |
| guides, javascript, optimization, minification, compression |
| Google Tag Manager Performance: 9 Tips for Faster Site Speed (sin) | | 596 |
| google, tag-management, tips-and-tricks |
| How to Improve Performance of Your Database by Indexing Large Tables (amh) | | 595 |
| how-tos, databases, optimization |
| A Guide to Single-Page Application Performance (ray) | | 594 |
| guides, single-page-apps, developer-experience, monitoring |
| Optimizing Speed on ebay.com (add) | | 593 |
| optimization, web-vitals, case-studies |
| How We Optimized Performance to Serve a Global Audience (lap/sma) | | 592 |
| case-studies, optimization |
| You Probably Don’t Need “http-equiv” Meta Tags (rvi) | | 591 |
| html, metadata, http |
| Speeding Up V8 Heap Snapshots (jda/v8j) | | 590 |
| javascript, javascript-engines, v8, memory |
| Core Web Vitals for Search Engine Optimisation: What Do We Need to Know? (css) | | 589 |
| web-vitals, seo |
| Preload vs. Early Hints vs. Fetch Priority (nyw) | | 588 |
| videos, html, http, hints, comparisons |
| A Case Study on Scroll-Driven Animations Performance (dev) | | 587 |
| animations, scrolling, css, javascript |
| Loading and Progress Indicators (uxd) | | 586 |
| user-experience, design-patterns, progress-indicators |
| Tree Shaking in JavaScript (pee) | | 585 |
| javascript, tree-shaking |
| How to Prevent Unnecessary React Component Re-Rendering (aki) | | 584 |
| how-tos, react, client-side-rendering |
| Is Lighthouse a Misleading Performance Tool? | | 583 |
| google, lighthouse, web-vitals, tooling |
| What Is Page Bloat? And How Is It Hurting Your Business, Your Search Rank, and Your Users? (tam/spe) | | 582 |
| user-experience, user-conversion, metrics, economics |
| In Defence of “DOMContentLoaded” (css) | | 581 |
| javascript, dom |
| What Does the Image “decoding” Attribute Actually Do? (tun) | | 580 |
| html, attributes, images |
| Debugging INP (scr) | | 579 |
| videos, debugging, web-vitals |
| The Cost of JavaScript 2023 (add) | | 578 |
| videos, javascript |
| Too Much JavaScript? Why the Frontend Needs to Build Better (low/the) | | 577 |
| javascript, web-platform |
| Style Recalculation Secrets They Don’t Want You to Know (pat/css) | | 576 |
| videos, css, selectors |
| Before Your Next Frontend Pull Request, Use This Checklist (nin+/evi) | | 575 |
| checklists, compression, dependencies, accessibility, legibility, naming |
| Reducing Complexity in Front End Development (mic/css) | | 574 |
| complexity, css, javascript |
| How to Detect Unnecessary Renderings of DOM Elements in Your Web App to Improve Performance (max) | | 573 |
| how-tos, rendering, dom, debugging, angular |
| How Chrome Achieved High Scores on Three Browser Benchmarks (fra/dev) | | 572 |
| browsers, google, chrome |
| Performance Is Not a Checklist (tka) | | 571 |
| user-experience |
| Watch Out for Layout Shifts With “ch” Units (pau/clo) | | 570 |
| css, units |
| Deploying AVIF for More Responsive Websites (jhu/dev) | | 569 |
| images, avif |
| Announcing INP as the Next Core Web Vital: What Shopify Stores Can Do Now (sia/sho) | | 568 |
| web-vitals, shopify |
| The 9 Most Effective Core Web Vitals Opportunities of 2023 (tun/dev) | | 567 |
| videos, web-vitals |
| Introducing INP to Core Web Vitals (goo) | | 566 |
| introductions, web-vitals, seo |
| How to Optimize Web Responsiveness With Interaction to Next Paint (ann+/dev) | | 565 |
| videos, how-tos, web-vitals |
| Advancing Interaction to Next Paint (rvi+/dev) | | 564 |
| web-vitals |
| Script Evaluation and Long Tasks (mal/dev) | | 563 |
| javascript, web-vitals |
| Optimize Input Delay (mal/dev) | | 562 |
| web-vitals, optimization |
| How Large DOM Sizes Affect Interactivity, and What You Can Do About It (mal/dev) | | 561 |
| dom, html, optimization |
| Find Slow Interactions in the Field (mal/dev) | | 560 |
| web-vitals, auditing |
| Diagnose Slow Interactions in the Lab (mal/dev) | | 559 |
| web-vitals |
| Client-Side Rendering of HTML and Interactivity (mal/dev) | | 558 |
| html, client-side-rendering |
| Pay Attention to Web Performance Metrics to Improve the UX (sru/uxm) | | 557 |
| metrics, user-experience, web-vitals, optimization |
| 5 Best Practices to Sustainably Improve Core Web Vitals (ben/cal) | | 556 |
| web-vitals, best-practices |
| The Intersectionality of Web Performance (ada) | | 555 |
| sustainability, dei |
| Make Your Website Load Fast by Optimizing Request Priorities (deb) | | 554 |
| optimization, network |
| Load Websites Faster With Code Splitting (lea) | | 553 |
| code-splitting, react |
| A Complete Guide to Performance Budgets (tam/spe) | | 552 |
| guides, performance-budgets, metrics |
| Practical Guide to Not Blocking the Event Loop | | 551 |
| guides, javascript, event-loop, events |
| CDNs: Speed Up Performance by Reducing Latency (aus) | | 550 |
| content-delivery |
| Reducing the Cost of String Serialization in Node.js Core (yag) | | 549 |
| nodejs, strings |
| Frontend Web Performance Checklist (jac) | | 548 |
| checklists |
| Exploring the Potential of Web Workers for Multithreading on the Web (sah/sma) | | 547 |
| web-workers, multithreading, javascript |
| Intro to Runtime Performance in the Chrome DevTools Performance Panel (ann/thi) | | 546 |
| videos, introductions, dev-tools, browsers, google, chrome |
| DevTools: A Better Way to Visualize Your JavaScript (uma) | | 545 |
| dev-tools, visualization, browsers, lighthouse, google, chrome, microsoft, edge |
| Speeding Up the JavaScript Ecosystem—Draft-js Emoji Plugin (mar) | | 544 |
| javascript, plugins |
| Serving Less Data to Users With the “prefers-reduced-data” Media Query (sea) | | 543 |
| css, media-queries, sustainability |
| Costly CSS Properties and How to Optimize Them (let) | | 542 |
| css, optimization |
| Understanding CSS Preload and Other Resource Hints (sta/log) | | 541 |
| css, hints |
| The Performance Golden Rule Revisited (tka) | | 540 |
| metrics |
| The Real Difference Between “useMemo” and “Memo” in React | | 539 |
| react, hooks, examples |
| Slow Start and Congestion Control (Browser Networking) (med) | | 538 |
| protocols, tcp |
| 10 Ways to Hide Elements in CSS (cra/sit) | | 537 |
| css, accessibility |
| 7 Tricks to Take the Performance of Your Website to the Moon (tap) | | 536 |
| minification, tree-shaking, tips-and-tricks |
| Flutter Performance Optimization Techniques and Best Practices (biz) | | 535 |
| flutter, optimization, best-practices |
| Defaulting on Single Page Applications (SPA) (zac) | | 534 |
| single-page-apps, javascript |
| Senior Engineering Strategies for Advanced React and TypeScript (tec) | | 533 |
| strategies, react, typescript, architecture, testing, accessibility, security, maintenance |
| The Ultimate Guide to Image Optimisation (fox/cal) | | 532 |
| guides, images, compression, optimization |
| Speeding Up the JavaScript Ecosystem—npm Scripts (mar) | | 531 |
| javascript, bundling, npm |
| 2023 Web Framework Performance Report (fre/ast) | | 530 |
| frameworks, astro, sveltekit, gatsby, remix, wordpress, nextjs, nuxt, comparisons |
| Optimising Large Contentful Paint (css/btc) | | 529 |
| videos, web-vitals, optimization |
| Client-Side JavaScript and React Criticism: What Comes Next? (mol) | | 528 |
| javascript, react, accessibility, resilience, progressive-enhancement |
| The JavaScript Site Generator Review, 2023 (zac) | | 527 |
| site-generators, comparisons, astro, eleventy, gatsby, nextjs, nuxt, remix, sveltekit |
| This Is Why Performance Matters (bel) | | 526 |
| javascript, user-experience |
| An Approach to Lazy Loading Custom Elements (css) | | 525 |
| web-components, lazy-loading |
| Caching at DEV (rid) | | 524 |
| case-studies, caching |
| What’s New in Lighthouse 10 (bre/dev) | | 523 |
| release-notes, google, lighthouse |
| Speeding Up the JavaScript Ecosystem—ESLint (mar) | | 522 |
| javascript, eslint, linting |
| The Gotcha With Animating Custom Properties (bra/bra) | | 521 |
| css, animations, custom-properties |
| Speed for Who? (bel) | | 520 |
| frameworks, developer-experience, user-experience |
| Your Web Performance Is Too Reactive; It’s Time to Do More Than Put Out Fires (fox/cal) | | 519 |
|
| Optimal Images in HTML (ste/bui) | | 518 |
| html, images, backgrounds, optimization |
| The Modern Way of Serving Images (kur) | | 517 |
| images, html |
| How to Review a Web Site (uxm) | | 516 |
| how-tos, user-experience, seo |
| Optimize Time to First Byte (mal/dev) | | 515 |
| optimization |
| The Truth About CSS Selector Performance (pat/mse) | | 514 |
| css, selectors |
| Why We Switched CDNs: How Google’s Core Web Vitals Led Us to Cloudflare Pages | | 513 |
| content-delivery, web-vitals, cloudflare |
| Optimizing the Image Element LCP (sma) | | 512 |
| web-vitals, images |
| Speeding Up the JavaScript Ecosystem—Module Resolution (mar) | | 511 |
| javascript, modules, esm, commonjs |
| Why Not “document.write()”? (css) | | 510 |
| javascript |
| Our Top Core Web Vitals Recommendations for 2023 (phi+/dev) | | 509 |
| web-vitals, best-practices |
| Why Web Performance Still Matters in 2023 (sia/sho) | | 508 |
|
| Priority Hints and Optimizing LCP (kev) | | 507 |
| web-vitals, optimization, hints |
| Performance Culture Through the Looking-Glass (dor/per) | | 506 |
| videos, culture |
| The RUM Archive and Benford’s Law (san/per) | | 505 |
|
| HTTP/3 Prioritization Demystified (pro/per) | | 504 |
| http, protocols |
| Signals: The Nitty-Gritty (web/per) | | 503 |
| javascript, signals |
| Bad Performance Is Bad Accessibility (bru) | | 502 |
| accessibility |
| The Performance Inequality Gap, 2023 (sli) | | 501 |
|
| Beating Latency on Scalemates.com (tim/per) | | 500 |
| optimization |
| Using Inline JavaScript Modules to Prevent CSS Blockage (sto/per) | | 499 |
| javascript, css |
| An HTML-First Mental Model (noa/per) | | 498 |
| html, dom |
| Get Off the Main Thread With an Inline Web Worker: An Example (sto/per) | | 497 |
| javascript, web-workers, examples |
| LCP(FE) (tim/per) | | 496 |
| web-vitals |
| Web Performance and Compression (win/per) | | 495 |
| compression |
| Optimize Interaction to Next Paint (mal+/dev) | | 494 |
| optimization, web-vitals |
| Adding Complementary Performance Data to Your Site (eth/mat) | | 493 |
| apis |
| Accessibility: The Land That “Time to Interactive” Forgot (tin/per) | | 492 |
| videos, accessibility |
| Reduce Image Sizes by Removing Metadata (boe/per) | | 491 |
| images, metadata, optimization |
| Fast Is Good, Instant Is Better (tun/per) | | 490 |
| caching |
| Prerender Pages in Chrome for Instant Page Navigations (tun/dev) | | 489 |
| browsers, google, chrome |
| Developing Faster JavaScript Apps: The Ultimate Guide to Web Workers (cra/sit) | | 488 |
| guides, web-apps, web-workers, javascript |
| 7 Website Performance Metrics to Track for Better UX (cal) | | 487 |
| user-experience, metrics |
| Speeding Up the JavaScript Ecosystem—One Library at a Time (mar) | | 486 |
| javascript, libraries |
| Lazy Loading Images in HTML (sim) | | 485 |
| html, lazy-loading |
| A Guide to Image Optimization on Jamstack Sites (daw/sma) | | 484 |
| guides, images, compression, optimization, tech-stacks, jamstack |
| Improving React Interaction Times by 4× (luk/cau) | | 483 |
| react, optimization |
| Early Learnings for Early Hints at Shopify (sia/per) | | 482 |
| videos, case-studies, shopify, hints |
| Client-Side Routing Without the JavaScript (rya/thi) | | 481 |
| javascript, frameworks |
| 6 Steps to Improve HTML Images for Users and Developers (aus) | | 480 |
| html, images, responsive-design |
| HTML and CSS Features, Tips for a 10× Faster Page Loading Speed (its) | | 479 |
| html, css, tips-and-tricks |
| Is Turbopack Really 10× Faster Than Vite? (you) | | 478 |
| tooling, bundling, vite |
| CSS Runtime Performance | | 477 |
| slides, css |
| A Beginner’s Guide to Chrome Tracing (nol) | | 476 |
| guides, browsers, google, chrome |
| Performance (mel+/htt) | | 475 |
| web-almanac, studies, research, metrics, web-vitals |
| Conditionally Adaptive CSS—Browser Behavior That Might Improve Your Performance (pep) | | 474 |
| css, responsive-design |
| How We Improved React Loading Times by 70% With Next.js (cau) | | 473 |
| react, nextjs, case-studies |
| Which Serverless Edge Platform Has the Fastest Git Deployments? (and/den) | | 472 |
| serverless, edge-computing, git, deploying |
| CDN (jos/htt) | | 471 |
| web-almanac, studies, research, metrics, content-delivery, tooling |
| Speeding Up Async Snippets (css) | | 470 |
| javascript, asynchronicity |
| How to Animate CSS Box Shadows and Optimize Performance (osc/sit) | | 469 |
| how-tos, css, animations, shadows |
| Sustainable Web Development Strategies Within an Organization (mic/sma) | | 468 |
| sustainability, optimization |
| SVG Sprites: Old-School, Modern, Unknown, and Forgotten (pep) | | 467 |
| svg, images, sprites |
| How to Optimize Resource Loading With the “fetchpriority” Attribute (deb) | | 466 |
| how-tos, html, optimization |
| Optimize Long Tasks (mal/dev) | | 465 |
| javascript, optimization |
| GIFs Without the .gif: The Most Performant Image and Video Options Right Now (oll/css) | | 464 |
| multimedia, images, gif, html |
| Performance Budgets: The Easiest Way to a Faster Site (fox/cal) | | 463 |
| performance-budgets |
| Five Data-Loading Patterns to Boost Web Performance (sma) | | 462 |
|
| Page Weight (jam+/htt) | | 461 |
| web-almanac, studies, research, metrics |
| Will Serving Real HTML Content Make a Website Faster? Let’s Experiment! (sco/rea) | | 460 |
| studies, research, html |
| Element Timing: One True Metric to Rule Them All? (and/spe) | | 459 |
| apis, metrics |
| How to Substantially Slow Down Your Node.js Server (tri) | | 458 |
| how-tos, nodejs |
| Total Blocking Time: A Short and Sweet Guide for Happier Users (ben/cal) | | 457 |
| javascript |
| Your Next.js Bundle Will Thank You (ima) | | 456 |
| nextjs, bundling |
| Critical CSS? Not So Fast! (css) | | 455 |
| css |
| How to Improve Largest Contentful Paint for Faster Load Times (fox/cal) | | 454 |
| how-tos, web-vitals, optimization |
| Disabled JavaScript Turns Off Native Lazy Loading (ste) | | 453 |
| javascript, html, lazy-loading |
| Why Your Website Should Be Under 14 kB in Size | | 452 |
| protocols |
| Measure What You Impact, Not What You Influence (css) | | 451 |
| metrics, optimization |
| Optimize Data Fetching (med) | | 450 |
| data-fetching |
| Can Browsers Optimize the Loading of Third-Party Resources? (add/dev) | | 449 |
| browsers, embed-code |
| Tip: Use “fetchpriority=high” to Load Your LCP Hero Image Sooner (add) | | 448 |
| html, web-vitals |
| (Re-)Introducing Gatsby, a Reactive Site Generator (kyl/gat) | | 447 |
| gatsby, react, reactivity, site-generators, introductions |
| How and Why We Removed jQuery From GOV.UK (gov) | | 446 |
| jquery, maintainability |
| Core Web Vitals Tools to Boost Your Web Performance Scores (zar/sma) | | 445 |
| web-vitals, tooling |
| Making a Website Under 1 kB (bra) | | 444 |
| minimalism, html |
| Which Generator Builds Markdown the Fastest? (zac) | | 443 |
| site-generators, markdown, comparisons |
| 500 ms to 1.7 ms in React: A Journey and a Checklist (ori) | | 442 |
| react |
| Priority Hints—What Your Browser Doesn’t Know (Yet) (cda/cod) | | 441 |
| hints |
| Fix Web Performance for the Long-Term (sia/sho) | | 440 |
| testing, processes |
| Powerful Image Optimization Tools (lou/sma) | | 439 |
| link-lists, images, compression, tooling |
| Can SVG Symbols Affect Web Performance? (bms) | | 438 |
| svg, images |
| Avoiding “<img>” Layout Shifts: “aspect-ratio” vs. “width” and “height” Attributes (jaf) | | 437 |
| web-vitals, comparisons, html, attributes, css |
| Frontend Web Performance: The Essentials | | 436 |
| fundamentals, javascript |
| Faster WordPress Rendering With 3 Lines of Configuration (sto) | | 435 |
| wordpress, css, http, configuration |
| A CLS Punishment for Progressive Enhancement? (bel/pic) | | 434 |
| web-vitals, progressive-enhancement |
| Imagemin Guard (j9t) | | 433 |
| packages, npm, images, compression, jpeg, png, gif, webp, avif |
| Everything You Need to Know About Web Performance (in 5 Minutes) (fil/vue) | | 432 |
| web-vitals, compression |
| Style Scoping Versus Shadow DOM: Which Is Fastest? (nol) | | 431 |
| selectors, scope, dom, shadow-dom, comparisons, metrics |
| How to Remove 99% of JavaScript From Main Thread (mhe/wea) | | 430 |
| videos, how-tos, javascript |
| What We’ve Learned From One Year of Real User Monitoring Data on GOV.UK (the/gov) | | 429 |
| monitoring, metrics |
| Measuring the Performance of Typefaces for Users II (sma) | | 428 |
| typography, fonts |
| Measuring the Performance of Typefaces for Users (sma) | | 427 |
| typography, fonts |
| Don’t Sink Your Website With Third Parties (ken/sma) | | 426 |
| embed-code, dependencies |
| Two Lines of CSS That Boosts 7× Rendering Performance (mud) | | 425 |
| css, rendering |
| Conditionally Loading CSS or Any Resource Using Media Queries (ami) | | 424 |
| html, media-queries |
| Rethinking Server-Timing as a Critical Monitoring Tool (dev/sma) | | 423 |
| http, metrics, monitoring |
| Don’t Fight the Browser Preload Scanner (mal/dev) | | 422 |
| browsers, html, parsing |
| How to Use Google CrUX to Analyze and Compare the Performance of JS Frameworks (dan/sma) | | 421 |
| how-tos, google, metrics, javascript, frameworks |
| Performance Game Changer: Browser Back/Forward Cache (tun/sma) | | 420 |
| browsers, caching, web-vitals |
| A Management Maturity Model for Performance (sli) | | 419 |
|
| Get to Know Your Browser’s Performance Profiler (ato) | | 418 |
| browsers, tooling, profiling |
| Understanding the Performance Impact of Anti-Flicker Snippets (and/spe) | | 417 |
| web-vitals |
| Is Measuring Speed a Useful Metric for Design Systems? (amy+/sup) | | 416 |
| videos, metrics, design-systems |
| Faster Initialization of Instances With New Class Features (joy/v8j) | | 415 |
| browsers, javascript, javascript-engines, v8 |
| How to Improve Core Web Vitals (8 Ways) (dre) | | 414 |
| how-tos, web-vitals |
| The Ultimate Guide to Optimizing JavaScript for Quick Page Loads (ste/bui) | | 413 |
| guides, javascript, optimization |
| Core Web Vitals: Finding Common Ground Between SEOs and Developers (joc/moz) | | 412 |
| web-vitals, seo, metrics |
| How to Optimize Your LCP (with Visuals) (ste) | | 411 |
| how-tos, web-vitals, optimization |
| Picture Perfect Images With the Modern “<img>” Element (add/sta) | | 410 |
| images, html, web-vitals |
| Optimising Largest Contentful Paint (css) | | 409 |
| web-vitals |
| Speed Needs Design, or: You Can’t Delight Users You’ve Annoyed (tig) | | 408 |
| design, user-experience |
| The Web Is for Everyone: Our Vision for the Evolution of the Web (ekr+/moz) | | 407 |
| web, outlooks, privacy, security, accessibility, user-experience |
| Optimising Core Web Vitals on SPAs (sim) | | 406 |
| web-vitals, single-page-apps, optimization |
| Improving Your User Experience to Reduce Bounce Rates (uxm) | | 405 |
| user-experience, usability, seo |
| Performance Tests on Common JavaScript Array Methods (ism/hac) | | 404 |
| testing, javascript, arrays |
| The Impact That High Quality Mark-Up Can Have on Accessibility, Performance, and Discoverability (vle) | | 403 |
| videos, html, accessibility |
| Optimizing SVG Patterns to Their Smallest Size (fin/css) | | 402 |
| svg, images |
| Making the World’s Fastest Website, and Other Mistakes (tig) | | 401 |
| mistakes |
| The Weirdly Obscure Art of Streamed HTML (tig) | | 400 |
| html, streaming |
| Ten Years of Page Bloat: What Have We Learned? (tam/spe) | | 399 |
| web-vitals, user-experience |
| Performance Signals for Customizing Website UX (tun/sma) | | 398 |
| user-experience, web-vitals, customization |
| A New Speed Milestone for Chrome (dev) | | 397 |
| browsers, google, chrome |
| 7 Ways to Achieve a Faster Core Web Vitals Score (hac) | | 396 |
| web-vitals |
| Should Frontend Devs Care About Performance? (wri) | | 395 |
|
| Top 2021 CSS Frameworks Report: The CSS File Sizes (cit/css) | | 394 |
| studies, research, frameworks, css |
| How to Make MPAs That Are as Fast as SPAs (cfe) | | 393 |
| how-tos, multi-page-apps, single-page-apps |
| Minimizing Google Fonts by Only Loading It for Certain Characters (ami) | | 392 |
| typography, google, fonts, minimalism |
| Core Web Vitals: What Next? (thc/moz) | | 391 |
| web-vitals, seo |
| The Difference Between Brotli and Gzip Compression Algorithms to Speed Up Your Site (cal/sit) | | 390 |
| compression, brotli, gzip |
| This Is Why Your Node.js Application Is Slow (imi) | | 389 |
| nodejs |
| Reducing the Web’s Carbon Footprint: Optimizing Social Media Embeds (mic/sma) | | 388 |
| social-media, embed-code, sustainability |
| Improving JavaScript Bundle Performance With Code-Splitting (cod/sma) | | 387 |
| javascript, bundling, code-splitting, optimization |
| Speed Matters, but It Isn’t Everything (its/ind) | | 386 |
| user-experience, metrics |
| Caching Header Best Practices (sim) | | 385 |
| caching, http, http-headers, best-practices |
| Optimize Your PNGs With Oxipng and pre-commit (ada) | | 384 |
| images, png, compression, tooling |
| Big Images, Blazingly Fast (erw/q42) | | 383 |
| images, quality |
| How to Avoid Layout Shifts Caused by Web Fonts (sim) | | 382 |
| how-tos, user-experience, fonts |
| Website Performance and the Planet (fer/rea) | | 381 |
| sustainability, caching |
| Memory Leaks: The Forgotten Side of Web Performance (nol) | | 380 |
| memory |
| Exposing Mid-Resource LCP Values (yoa/per) | | 379 |
| web-vitals |
| A Unified Theory of Web Performance (sli/per) | | 378 |
|
| Page Visibility: If a Tree Falls in the Forest… (pau/per) | | 377 |
| web-vitals, user-experience |
| Using Diagnostic Metrics (ann/per) | | 376 |
| metrics |
