Presentations tagged performance
performance elsewhere
Other relevant things on performance you might find valuable.
Why you need to know your site’s performance plateau (and how to find it)
Have you ever asked yourself these questions? “I made my pages faster, but my business and user engagement metrics didn’t…
Read MoreHow To Fix Forced Reflows And Layout Thrashing
Forced reflows on a website happen when running JavaScript code depends on style and layout calculations. For example, if website…
Read MoreMinimal CSS-only blurry image placeholders
Here’s a CSS technique that produces blurry image placeholders (LQIPs) without cluttering up your markup — Only a single custom…
Read MoreCorrelation charts: Connect the dots between site speed and business success
If you could measure the impact of site speed on your business, how valuable would that be for you? Say…
Read MoreHow Does Chrome Prioritize Image Requests?
In this article, we’ll explore how Chrome determines the request priority for images. We will explain how prioritization works and…
Read MoreWeb Performance: Fast, Responsive, Stable in 2025
Web Performance is one of those topics that’s constantly discussed as crucial for the modern web. It’s often framed as…
Read MoreSSR Deep Dive for React Developers
Explore step-by-step how Server-Side Rendering (SSR), pre-rendering, hydration, and Static Site Generation (SSG) work in React, their costs, performance impact,…
Read MoreA Guide to HTTP Cache Control Headers
Cache Control Headers are a powerful tool for controlling how browsers and caches store and serve your website’s content. By…
Read MoreLazy Load Background Images with the IntersectionObserver API | DebugBear
While we can defer offscreen images using the loading HTML attribute, lazy loading background images takes a bit more work.…
Read MoreFaster Rendering with the content-visibility CSS Property | DebugBear
Have you ever loaded a page with tons of content and noticed how slow it feels? The browser has to…
Read MoreOptimizing Single-Page Applications (SPAs)
Single-page applications (SPAs) have unique page speed optimization challenges. Let’s go through some common web performance issues with SPAs, and…
Read MoreUse scheduler.yield() to break up long tasks
A page feels sluggish and unresponsive when long tasks keep the main thread busy, preventing it from doing other important…
Read MoreThe Psychology of Site Speed and User Happiness
Over the past few decades, there has been a great deal of fascinating research into how human beings engage with…
Read MoreMore Edge features get a performance boost – Microsoft Edge Blog
Starting with Microsoft Edge 132, many of the browser’s most important features, such as Downloads, Drop, History, and the inPrivate…
Read MoreOptimizing Images for Web Performance
Images make websites look great, but they’re also the biggest performance bottleneck. They add huge file sizes, delay Largest Contentful Paint (LCP), and…
Read MoreHow Google Search uses speculation rules
Google Search is one of the most popular sites on the web, and also one of the fastest. The Search…
Read MoreOptimising for High Latency Environments – Web Performance and Site Speed Consultant
Chrome have recently begun adding Round-Trip-Time (RTT) data to the Chrome User Experience Report (CrUX). This gives fascinating insights into…
Read MoreSix things that slow down your site’s UX (and why you have no control over them)
Have you ever looked at the page speed metrics – such as Start Render and Largest Contentful Paint – for your…
Read MoreFast & Smooth Third-Party Web Fonts | Scott Jehl, Web Designer/Developer
If you’re loading fonts from a popular third party provider like Google Fonts or Typekit, the stylesheet link-based loading snippets…
Read MoreSpeedCurve | Page bloat update: How does ever-increasing page size affect your business and your users?
The median web page is 8% bigger than it was just one year ago. How does this affect your page…
Read MoreOn the Origin of Cross
A browser decides to download a web font after: Content is ready CSS is readyIt appears that some content will…
Read MoreInitial load performance for React developers: investigative deep dive
Exploring Core Web Vitals, performance dev tools, what initial load performance is, which metrics measure it, and how cache control…
Read MoreTight Mode: Why Browsers Produce Different Performance Results
We know that browsers do all sorts of different things under the hood. One of those things is the way…
Read MoreDouble-keyed Caching: How Browser Cache Partitioning Changed the Web
The web’s caching model served us well for over two decades. Recently, in the name of privacy, it’s undergone a…
Read MoreWeb Performance Calendar » Getting Real (small) With Compression Dictionaries
Compression dictionary transport is a relatively new feature in HTTP that allows for using custom compression dictionaries to improve the…
Read MoreWeb Performance Calendar » Not every user owns an iPhone
As software engineers and technologists its common to have access to some powerful devices and super fast bandwidths. It’s highly…
Read MoreDesigning (and Evolving) a New Web Performance Score
In my day-to-day work, there’s a lot of competitor analysis. Either to present to the client themselves, to see where…
Read MoreGoodhart’s law in action: 3 WebPerf examples
Real world examples of how over-optimizing for metrics can be at odds with performance.“When a measure becomes a target, it…
Read MoreA Layered Approach to Speculation Rules – Harry Roberts – Web Performance Consultant
I don’t want to go super in-depth about the Speculation Rules API in this post, but the key thing to…
Read MorePrerender pages in Chrome for instant page navigations | Web Platform | Chrome for Developers
A brief history of prerender In the past, Chrome supported the resource hint, however it was not broadly supported beyond…
Read MoreThe most effective ways to improve Core Web Vitals
Over the years, the web community has built up a wealth of web performance optimization knowledge. While any one optimization…
Read MorePlatform Strategy and Its Discontents – Infrequently Noted
Web developers and browsers have capped the web’s mobile potential by ensuring it will feel terrible on the phones most…
Read MoreImproving rendering performance with CSS content-visibility
If you’re not familiar, content-visibility is a new-ish CSS feature that allows you to “hide” certain parts of the DOM…
Read MoreFrontend Schism: Will React Server Components Destroy React?
To quickly summarize, React Server Components (RSCs) are components that run exclusively on the server. As the React team explained…
Read MoreThe unreasonable effectiveness of simple HTML
What vital information or services are forbidden to you due to being trapped in PDFs or horrendously complicated web sites?Are…
Read MoreOptimising for High Latency Environments
Round-trip-time (RTT) is basically a measure of latency—how long did it take to get from one endpoint to another and…
Read MoreHow fast are web components?
It is often said that web components are slow. This was also my experience when I first tried building web…
Read MoreThe Ultimate Guide to Font Performance Optimization
Optimizing the fonts displayed on your website comes with many web performance advantages, including faster page load times, improved user…
Read MoreCommon misconceptions about how to optimize LCP
The Largest Contentful Paint (LCP) of a page can be complicated to improve, often involving multiple moving parts and tradeoffs.…
Read MoreHow to make your web page faster before it even loads
As developers (and as front end developers in particular), we usually talk about web performance in the context of measuring…
Read MoreThe CSS contain property – Frontend Masters Boost
The purpose of CSS’ contain property (“CSS containment”) is twofold: Optimization Styling possibilities When we apply contain to an element we’re isolating it (and it’s descendents)…
Read MoreReckoning: Part 3 — Caprock – Infrequently Noted
JavaScript-based UIs are fundamentally more challenging to own and operate because the limiting factors on their success are outside the…
Read Moreblocking=render: Why would you do that?! – Harry Roberts – Web Performance Consultant
WebKit have recently announced their intent to implement the blocking=render attribute for and elements, bringing them in line with support…
Read MoreReckoning: Part 2 — Object Lesson
GetCalFresh, Wisconsin, and the UK demonstrate that a better future is possible today. To make it happen, then make it…
Read MoreField Testing CSS Containment for Web Performance Optimization
What is CSS Containment? CSS containment is a concept that enables developers to optimize rendering performance by explicitly letting the…
Read MorePicture perfect images with the modern element – Stack Overflow
Images are one of the most pervasive parts of the web. This isn’t a huge surprise as we humans are…
Read MorePractical Guide To Not Blocking The Event Loop
JavaScript runs in a single-threaded environment with an event loop, an architecture that is very easy to reason about. It’s…
Read MoreWhat to Expect When You’re Optimizing
One of the most common pain-points I hear from companies is that they spent a bunch of time chasing an…
Read MoreView transitions + speculative rules
I’ve been very interested in the potential of view transitions since they were called navigation transitions. Recently, they’ve landed in…
Read More15 page speed optimizations that sites ignore (at their own risk)
A recent analysis of twenty leading websites found a surprising number of page speed optimizations that sites are not taking…
Read MoreBlazing Fast Websites with Speculation Rules
This post introduces speculation rules, a new web platform feature that allows developers to deliver instant page navigations after the…
Read MoreWeb Performance Guide | SpeedCurve
New to the world of web performance? Welcome! Here’s everything you need to know to master website monitoring, analytics, and…
Read MoreAn even faster Microsoft Edge – Microsoft Edge Blog
Edge’s UI responsiveness improvements started with understanding what you, our users, were experiencing. Edge monitors its UI responsiveness via telemetry…
Read MoreSpeedCurve | Five ways cookie consent managers hurt web performance (and how to fix them)
Cookie consent popups and banners are everywhere, and they’re silently hurting the speed of your pages. Learn the most common…
Read MoreWebAssembly performance patterns for web apps | Articles | web.dev
In this guide, aimed at web developers who want to benefit from WebAssembly, you’ll learn how to make use of…
Read MoreLatency numbers every frontend developer should know – Vercel
Web page load times and responsiveness to user action in web apps is a primary driver of user satisfaction–and both…
Read MoreHow web bloat impacts users with slow devices
In 2017, we looked at how web bloat affects users with slow connections. Even in the U.S., many users didn’t…
Read MoreSupercharge compression efficiency with shared dictionaries | Blog | Chrome for Developers
The Chrome team has been working on making shared dictionaries usable on the web, which are now available in an…
Read MoreHello INP! Here’s everything you need to know about the newest Core Web Vital
After years of development and testing, Google has added Interaction to Next Paint (INP) to its trifecta of Core Web…
Read MoreInteraction to Next Paint is officially a Core Web Vital 🚀
Today’s the day! After years of work, we’re finally ready to make Interaction to Next Paint (INP) a stable Core…
Read MoreReporting Core Web Vitals With The Performance API — Smashing Magazine
The Performance API is a set of standards for measuring and evaluating performance metrics with JavaScript. Think of it as…
Read MoreJavaScript Bloat in 2024 @ tonsky.me
I was a bit out of touch with modern front-end development. I also remembered articles about web bloat, how the…
Read MoreInteraction to Next Paint becomes a Core Web Vital on March 12 | Blog | web.dev
Interaction to Next Paint will officially become a Core Web Vital and will replace First Input Delay on March 12.…
Read MoreWhy Your Cached JavaScript Is Still Slow and Incurs Performance Overhead
Joe Liccini discusses the overhead associated with loading JavaScript, even if it’s loaded from Browser Cache. Caching assets is a…
Read MoreSpeedCurve | The psychology of site speed and human happiness
In the fourteen years that I’ve been working in the web performance industry, I’ve done a LOT of research, writing,…
Read MoreHow we reduced CSS size and improved performance across GOV.UK – Government Digital Service
We recently reduced CSS size and improved performance across GOV.UK pages by moving away from bundling all CSS into a single…
Read MoreThe Performance Inequality Gap, 2024 – Infrequently Noted
The global device and network situation continues to evolve, and this series is an effort to provide an an up-to-date…
Read MoreHow Core Web Vitals affect application SEO: Understanding Google page experience ranking and Lighthouse scores – Vercel
Core Web Vitals influence how your application’s pages rank on Google. Here, we’ll dive into what they are, how they’re…
Read More