“performance” Archive
- Optimizing INP: A Deep Dive · · videos, debugging, web-vitals, optimization, user-agents, google, chrome, dev-tools
- Why Don’t We Talk About Minifying CSS Anymore? · · css, minification
- Latency Numbers Every Frontend Developer Should Know · · metrics, terminology
- Hello Bun: How Sveld Now Deploys 2× Faster on GitHub and Render · · bun, deploying, case-studies
- Node.js Task Runner · · nodejs
- Five Ways Cookie Consent Managers Hurt Web Performance (and How to Fix Them) · · cookies, consent-management
- 9 Signs Your Frontend Code Has Quality Issues That Affect Your Users · · quality, craft, accessibility, usability, user-experience, conformance
- Monitoring BFCache Blocking Reasons · · caching, monitoring, debugging
- Epic App Performance Starts With the Database · · videos, transcripts, databases, optimization
- Optimizing WebKit and Safari for Speedometer 3.0 · · webkit, user-agents, apple, safari, optimization
- An Introduction to the Node.js Performance API · · introductions, nodejs, apis
- Understanding Interaction to Next Paint (INP) · · web-vitals
- Faster Websites With the “picture” Element · · html, images
- BFCache Explained · · caching
- How I Fixed My Brutal TTFB · · metrics, optimization
- Profile Node.js Performance With the Performance Panel · · nodejs, debugging, user-agents, google, chrome, dev-tools
- Don’t Get Scammed by Fake Performance Experts and Apps · · tooling
- This Pattern Will Wreck Your React App’s TS Performance · · design-patterns, react, typescript
- Time to Ditch Analytics? Tracking Scripts and Web Sustainability · · embed-code, analytics, sustainability, compliance
- Migrating Away from Jest and Achieving over 90% Reduction in Running Time · · migration, jest, testing, memory
- How Web Bloat Impacts Users With Slow Devices · · metrics, comparisons, web
- Performance Tooling in 2024 and Beyond · · tooling, user-agents, dev-tools, lighthouse
- Interaction to Next Paint Is Officially a Core Web Vital · · web-vitals
- Have You Optimized for INP? · · web-vitals, optimization
- What Is INP and Why You Should Care · · web-vitals, monitoring
- Announcing Speedometer 3.0: A Shared Browser Benchmark for Web Application Responsiveness · · tooling, metrics
- AVIF Is the Future of Web Images · · images, avif, visions
- How to Lazy-Load CodePen and CanIUse Embeds · · how-tos, embed-code
- Reporting Core Web Vitals With the Performance API · · apis, web-vitals
- What Is a Single-Page Application? · · spas, javascript, user-experience
- JavaScript Bloat in 2024 · · javascript
- The One Trick Every Flutter Web Dev Needs to Know · · tips-and-tricks, flutter
- How to Optimize the Web for the Worst User Conditions? · · how-tos, user-experience, responsive-design, optimization
- The Importance of Web Performance to Information Equity · · videos, accessibility
- Interaction to Next Paint Becomes a Core Web Vital on March 12 · · web-vitals, metrics
- The Psychology of Site Speed and Human Happiness · · usability
- LCP and FCP on Single Page Application on Soft Navigations · · web-vitals, spas, navigation
- Why Do Reflows Negatively Affect Performance? · · reflow
- How Core Web Vitals Affect SEO · · web-vitals, lighthouse, seo
- Guide to Fast Next.js · · guides, nextjs, optimization, server-side-rendering, lazy-loading
- The Evolution of Page Speed · · videos, metrics, optimization, history
- Optimizing SQL Queries by 23× · · databases, sql, optimization
- JS Perf Wins and New Node.js Features With Yagiz Nizipli · · podcasts, javascript, nodejs, optimization
- React Is Slow, What to Do Now? · · react
- Measuring, Monitoring, and Optimizing TTFB With Server Timing · · monitoring, optimization, apis
- Debugging Fetch Priority · · videos, debugging, web-vitals, apis
- The State of Benchmarking in Node.js · · nodejs, metrics
- The Golden Rule of Web Performance and Different Performance Engineering Specializations · · principles
- RLI (Recently Logged-In) Browser Cache Bypassing · · caching, optimization
- A Checklist for CLS Scenarios · · checklists, web-vitals
- How We Reduced CSS Size and Improved Performance Across GOV.UK · · case-studies, css, optimization
- Who Stole My Largest Contentful Paint? · · web-vitals, optimization
- Ten Optimisation Tips for an Initial Web Performance Audit · · tips-and-tricks, optimization, auditing
- Getting Started With Web Performance · · introductions, web-vitals, testing
- Improve App Performance With Angular 17 “defer” · · videos, angular, optimization
- How I Brought LCP Down to Under 350 ms for Google-Referred Users on My Website · · web-vitals, optimization, case-studies
- React Performance Optimization · · react, optimization
- Preparing for Interaction to Next Paint, a New Web Core Vital · · web-vitals, optimization
- An Informed Pre-Caching Strategy for Large Sites · · strategies, caching
- Testing the Performance of Social Media Embeds · · testing, embed-code, social-media
- Fastest Way of Passing State to JavaScript, Re-Visited · · javascript, state-management
- Debugging BFCache, Make Your Page Load Instantly · · videos, caching, user-agents, google, chrome, dev-tools, debugging
- Measure LCP Sub-Parts to Improve Largest Contentful Paint · · web-vitals, metrics
- Resource Loading at the Cutting Edge · · videos
- Kicking the Excessive JavaScript Habit · · javascript, developer-experience, user-experience
- Psychology of Speed: A Guide to Perceived Performance · · guides, user-experience
- The Unbearable Weight of Massive JavaScript · · videos, javascript, frameworks
- URL Parser Performance · · urls, parsing
- Optimizing Frontend Performance: Mastering Memoization, Throttling, and Debouncing · · optimization, memoization, throttling, debouncing
- A Faster Web in 2024 · · web-vitals, metrics, web
- Using CSS “content-visibility” to Boost Your Rendering Performance · · css, rendering
- How Core Web Vitals Saved Users 10,000 Years of Waiting for Web Pages to Load · · google, user-experience, metrics
- Why We Need a “Green” Perf Metric · · videos, sustainability, metrics
- Learn Performance · · courses
- Speeding Up the JavaScript Ecosystem—Tailwind CSS · · javascript, tailwind
- Answering Common Questions About Interpreting Page Speed Reports · · optimization
- 20 Effective Tips to Speed Up Your Drupal Website · · drupal, tips-and-tricks, optimization
- Effective Strategies for Optimizing Performance · · strategies, optimization
- Performance Optimization With Worker Threads Node.js · · optimization, nodejs, worker-threads
- Tailwind vs. Semantic CSS · · tailwind, css, html, semantics, comparisons
- Solid.js Creator Outlines Options to Reduce JavaScript Code · · javascript
- The Three Cs: Concatenate, Compress, Cache · · compression, caching
- Speeding Up the JavaScript Ecosystem—the Barrel File Debacle · · javascript, architecture
- The Hidden Performance Cost of Node.js and GraphQL · · nodejs, graphql
- The Ultimate Low-Quality Image Placeholder Technique · · images, web-vitals
- Speeding Up the JavaScript Ecosystem—Polyfills Gone Rogue · · javascript, polyfills
- Experimenting With Measuring Soft Navigations · · web-vitals, navigation, experiments, metrics
- The Psychology of Web Performance · · videos
- Get All That Network Activity Under Control With Priority Hints · · network, hints
- Sustainability and Tech and Us · · sustainability, minimalism, principles
- Stop Lazy Loading Product and Hero Images · · lazy-loading, images
- I Think I Kind of Hate Lazy Loading · · lazy-loading
- Why Do I Have Layout Shift? · · videos, web-vitals
- Benchmarks [for 24 CSV Parsing Approaches] · · csv, parsing, comparisons
- Five Optimization and Performance Tools That Enhance Website User Experience · · user-experience, optimization, tooling, link-lists
- Code Splitting in React: Optimize Performance by Splitting Your Code · · code-splitting, react, optimization
- Debugging Speculation Rules · · debugging
- How Layout Position Impacts Three Big Web Performance Levers · · web-vitals
- A Guide to Optimizing JavaScript Files · · guides, javascript, optimization, minification, compression
- Google Tag Manager Performance: 9 Tips for Faster Site Speed · · google, tag-management, tips-and-tricks
- A Guide to Single-Page Application Performance · · guides, spas, developer-experience, monitoring
- How to Improve Performance of Your Database by Indexing Large Tables · · how-tos, databases, optimization
- Optimizing Speed on ebay.com · · optimization, web-vitals, case-studies
- How We Optimized Performance to Serve a Global Audience · · case-studies, optimization
- Speeding Up V8 Heap Snapshots · · user-agents, engines, v8, memory
- You Probably Don’t Need “http-equiv” Meta Tags · · html, metadata, http
- Core Web Vitals for Search Engine Optimisation: What Do We Need to Know? · · web-vitals, seo
- Preload vs. Early Hints vs. Fetch Priority · · videos, html, http, hints, comparisons
- A Case Study on Scroll-Driven Animations Performance · · animations, scrolling, css, javascript
- Loading and Progress Indicators · · user-experience
- How to Prevent Unnecessary React Component Re-Rendering · · how-tos, react, client-side-rendering
- Is Lighthouse a Misleading Performance Tool? · · lighthouse, web-vitals, tooling
- What Is Page Bloat? And How Is It Hurting Your Business, Your Search Rank, and Your Users? · · user-experience, user-conversion, metrics, economics
- In Defence of “DOMContentLoaded” · · javascript, dom
- What Does the Image “decoding” Attribute Actually Do? · · html, images
- Debugging INP · · videos, debugging, web-vitals
- The Cost of JavaScript 2023 · · videos, javascript
- Too Much JavaScript? Why the Frontend Needs to Build Better · · javascript, web-platform
- Style Recalculation Secrets They Don’t Want You to Know · · videos, css, selectors
- Before Your Next Frontend Pull Request, Use This Checklist · · checklists, compression, dependencies, accessibility, legibility, naming
- Reducing Complexity in Front End Development · · complexity, css, javascript
- How to Detect Unnecessary Renderings of DOM Elements in Your Web App to Improve Performance · · how-tos, rendering, dom, debugging, angular
- How Chrome Achieved High Scores on Three Browser Benchmarks · · user-agents, google, chrome
- Performance Is Not a Checklist · · web-vitals, user-experience
- Watch Out for Layout Shifts With “ch” Units · · css, units
- Deploying AVIF for More Responsive Websites · · images, avif
- How to Optimize Web Responsiveness With Interaction to Next Paint · · videos, how-tos, web-vitals
- Introducing INP to Core Web Vitals · · web-vitals, seo
- Advancing Interaction to Next Paint · · web-vitals
- The 9 Most Effective Core Web Vitals Opportunities of 2023 · · videos, web-vitals
- Script Evaluation and Long Tasks · · javascript, web-vitals
- Optimize Input Delay · · web-vitals, optimization
- Diagnose Slow Interactions in the Lab · · web-vitals
- Find Slow Interactions in the Field · · web-vitals, auditing
- How Large DOM Sizes Affect Interactivity, and What You Can Do About It · · dom, html, optimization
- Client-Side Rendering of HTML and Interactivity · · html, client-side-rendering
- Pay Attention to Web Performance Metrics to Improve the UX · · metrics, user-experience, web-vitals, optimization
- 5 Best Practices to Sustainably Improve Core Web Vitals · · web-vitals, best-practices
- Make Your Website Load Fast by Optimizing Request Priorities · · optimization, network
- The Intersectionality of Web Performance · · sustainability, inclusion
- A Complete Guide to Performance Budgets · · guides, metrics
- Practical Guide to Not Blocking the Event Loop · · guides, javascript, events
- CDNs: Speed Up Performance by Reducing Latency · · content-delivery
- Reducing the Cost of String Serialization in Node.js Core · · nodejs
- Frontend Web Performance Checklist · · checklists
- Exploring the Potential of Web Workers for Multithreading on the Web · · web-workers, multithreading, javascript
- Intro to Runtime Performance in the Chrome DevTools Performance Panel · · videos, introductions, dev-tools, user-agents, google, chrome
- DevTools: A Better Way to Visualize Your JavaScript · · dev-tools, user-agents, lighthouse, google, chrome, microsoft, edge
- Speeding Up the JavaScript Ecosystem—Draft-js Emoji Plugin · · javascript, plugins
- Serving Less Data to Users With the “prefers-reduced-data” Media Query · · css, media-queries, sustainability
- Costly CSS Properties and How to Optimize Them · · css, optimization
- Understanding CSS Preload and Other Resource Hints · · css, hints
- The Performance Golden Rule Revisited · · metrics
- Slow Start and Congestion Control (Browser Networking) · · protocols, tcp
- 7 Tricks to Take the Performance of Your Website to the Moon · · minification, tree-shaking, tips-and-tricks
- 10 Ways to Hide Elements in CSS · · css, accessibility
- Flutter Performance Optimization Techniques and Best Practices · · flutter, optimization, best-practices
- Defaulting on Single Page Applications (SPA) · · spas, javascript
- The Ultimate Guide to Image Optimisation · · guides, images, compression, optimization
- Speeding Up the JavaScript Ecosystem—npm Scripts · · javascript, bundling, npm
- 2023 Web Framework Performance Report · · frameworks, astro, sveltekit, gatsby, remix, wordpress, nextjs, nuxt, comparisons
- Optimising Large Contentful Paint · · videos, web-vitals, optimization
- The JavaScript Site Generator Review, 2023 · · static-site-generators, comparisons, astro, eleventy, gatsby, nextjs, nuxt, remix, sveltekit
- This Is Why Performance Matters · · javascript, user-experience
- An Approach to Lazy Loading Custom Elements · · web-components, lazy-loading
- Caching at DEV · · case-studies, caching
- What’s New in Lighthouse 10 · · release-notes, google, lighthouse
- Speeding Up the JavaScript Ecosystem—ESLint · · javascript, eslint, linting
- The Gotcha With Animating Custom Properties · · css, animations, custom-properties
- Speed for Who? · · frameworks, developer-experience, user-experience
- Your Web Performance Is Too Reactive; It’s Time to Do More Than Put Out Fires ·
- The Modern Way of Serving Images · · images, html
- How to Review a Web Site · · how-tos, user-experience, seo
- Optimize Time to First Byte · · optimization
- Why We Switched CDNs: How Google’s Core Web Vitals Led Us to Cloudflare Pages · · content-delivery, web-vitals
- The Truth About CSS Selector Performance · · css, selectors
- Optimizing the Image Element LCP · · web-vitals, images
- Speeding Up the JavaScript Ecosystem—Module Resolution · · javascript, modules
- Our Top Core Web Vitals Recommendations for 2023 · · web-vitals, best-practices
- Why Not “document.write()”? · · javascript
- Why Web Performance Still Matters in 2023 ·
- Priority Hints and Optimizing LCP · · web-vitals, optimization, hints
- The RUM Archive and Benford’s Law ·
- HTTP/3 Prioritization Demystified · · http, protocols
- Signals: The Nitty-Gritty · · javascript, signals
- Bad Performance Is Bad Accessibility · · accessibility
- The Performance Inequality Gap, 2023 ·
- Beating Latency on Scalemates.com · · optimization
- Using Inline JavaScript Modules to Prevent CSS Blockage · · javascript, css
- An HTML-First Mental Model · · html, dom
- Get off the Main Thread With an Inline Web Worker: An Example · · javascript, web-workers, examples
- LCP(FE) · · web-vitals
- Web Performance and Compression · · compression
- Optimize Interaction to Next Paint · · optimization, web-vitals
- Adding Complementary Performance Data to Your Site · · apis
- Accessibility: The Land That “Time to Interactive” Forgot · · videos, accessibility
- Reduce Image Sizes by Removing Metadata · · images, metadata, optimization
- Fast Is Good, Instant Is Better · · caching
- Prerender Pages in Chrome for Instant Page Navigations · · user-agents, google, chrome
- Developing Faster JavaScript Apps: The Ultimate Guide to Web Workers · · guides, web-apps, web-workers
- 7 Website Performance Metrics to Track for Better UX · · user-experience, metrics
- Speeding Up the JavaScript Ecosystem—One Library at a Time · · javascript, libraries
- Lazy Loading Images in HTML · · html, lazy-loading
- A Guide to Image Optimization on Jamstack Sites · · guides, images, compression, optimization, tech-stacks, jamstack
- Improving React Interaction Times by 4× · · react, optimization
- Early Learnings for Early Hints at Shopify · · videos, case-studies, hints
- Client-Side Routing Without the JavaScript · · javascript, frameworks
- 6 Steps to Improve HTML Images for Users and Developers · · html, images, responsive-design
- HTML and CSS Features, Tips for a 10× Faster Page Loading Speed · · html, css, tips-and-tricks
- Is Turbopack Really 10× Faster Than Vite? · · tooling, bundling, vite
- CSS Runtime Performance · · slides, css
- A Beginner’s Guide to Chrome Tracing · · guides, user-agents, google, chrome
- Performance · · studies, research, web-vitals
- Conditionally Adaptive CSS—Browser Behavior That Might Improve Your Performance · · css, responsive-design
- How We Improved React Loading Times by 70% With Next.js · · react, nextjs, case-studies
- Which Serverless Edge Platform Has the Fastest Git Deployments? · · serverless, edge-computing, git, deploying
- CDN · · studies, research, content-delivery, tooling
- How to Animate CSS Box Shadows and Optimize Performance · · how-tos, css, animations, shadows
- Speeding Up Async Snippets · · javascript
- Sustainable Web Development Strategies Within an Organization · · sustainability, optimization
- SVG Sprites: Old-School, Modern, Unknown, and Forgotten · · svg
- Optimize Long Tasks · · javascript
- Performance Budgets: The Easiest Way to a Faster Site ·
- GIFs Without the .gif: The Most Performant Image and Video Options Right Now · · multimedia, images, gif, html
- Five Data-Loading Patterns to Boost Web Performance ·
- Page Weight · · studies, research
- Will Serving Real HTML Content Make a Website Faster? Let’s Experiment! · · studies, research, html
- Element Timing: One True Metric to Rule Them All? · · apis, metrics
- How to Substantially Slow Down Your Node.js Server · · how-tos, nodejs
- Total Blocking Time: A Short and Sweet Guide for Happier Users · · javascript
- Your Next.js Bundle Will Thank You · · nextjs, bundling
- How to Improve Largest Contentful Paint for Faster Load Times · · how-tos, web-vitals, optimization
- Critical CSS? Not So Fast! · · css
- Disabled JavaScript Turns Off Native Lazy Loading · · javascript, html, lazy-loading
- Why Your Website Should Be Under 14 kB in Size · · protocols
- Measure What You Impact, Not What You Influence · · metrics, optimization
- Optimize Data Fetching · · data-fetching
- Can Browsers Optimize the Loading of Third-Party Resources? · · user-agents, embed-code
- Tip: Use “fetchpriority=high” to Load Your LCP Hero Image Sooner · · html, web-vitals
- (Re-)Introducing Gatsby, a Reactive Site Generator · · gatsby, react, reactivity, static-site-generators, introductions
- How and Why We Removed jQuery from GOV.UK · · jquery, maintainability
- Core Web Vitals Tools to Boost Your Web Performance Scores · · web-vitals, tooling
- Making a Website Under 1 kB · · minimalism, html
- Which Generator Builds Markdown the Fastest? · · static-site-generators, markdown, comparisons
- 500 ms to 1.7 ms in React: A Journey and a Checklist · · react
- Priority Hints—What Your Browser Doesn’t Know (Yet) · · hints
- Powerful Image Optimization Tools · · link-lists, images, compression, tooling
- Can SVG Symbols Affect Web Performance? · · svg
- Avoiding “<img>” Layout Shifts: “aspect-ratio” vs. “width” and “height” Attributes · · web-vitals, comparisons, html, css
- Frontend Web Performance: The Essentials · · javascript