Performance

Learn how HTTP/3 improves over HTTP/2 in multiplexing, connections, security, error recovery, etc., to improve web communication, performance, and user experience.

What do the most successful websites have in common? They all have a strong culture of web performance and usability.

Every line of code has a cost - but some lines cost more than others. This rather Orwellian-sounding statement might seem stark, but for web performance engineers, it's a useful perspective when considering cloud costs. Why Should You Care About Costs? Cost reduction directly impacts the bottom li

A 300ms improvement may sound like a big win to someone immersed in web performance optimization, but for most people, mentioning milliseconds doesn't usually resonate or seem meaningful. Whenever I've mentioned how we could save a few hundred milliseconds to an executive, my proposal was often met

As software engineers and technologists its common to have access to some powerful devices and super fast bandwidths. It's highly likely that you will be developing/testing on a high end Mac (or similar) or pulling out an expensive mobile device such as an iPhone from your pocket. But we need to be

It's a shame that so many redesigns end up slowing down the site or dropping conversions. How to prevent this? In this text, based on one of our successful projects, you will get a framework for web redesign management. We are a small team of web performance consultants with years of experience and

As a web performance consultant, I frequently rely on visual data to prioritize optimizations and troubleshoot regressions. Over the past year, two types of graphs have stood out for their effectiveness in simplifying complex data and speeding up decision-making. The Prioritization Graph: Where to

TL;DR: In this article I am sharing the good news that Web Performance Optimization is being studied in universities and I am laying out the plan of teaching Real User Monitoring which I will do for the first time in front of students. My hope is to share ideas in case other fellows would be doing s

I'm passionate about Web Performance—from identifying performance issues, monitoring (synthetic and RUM), metrics, implementing product culture, training development teams and other stakeholders, speaking at meetups and conferences, tools, and snippets. When it comes to tools, my favorite is Chrome

A deep dive into how browser cache partitioning has fundamentally changed web performance optimization, examining the trade-offs between privacy and performa...

Should you optimize your website performance? Maybe you shouldn't, even if you get a poor Performance score on PageSpeed Insights.

Why design another new performance score?! Good question…

Le programme de l’édition 2023 de We Love Speed

Ads, analytics, and social widgets can seriously hurt page speed. Find out how to measure and optimize the third parties on your pages.

10 steps for making your site fast and your users happy through the holidays and beyond!

How we rolled out zstandard and other improvements across our gateway cluster to reduce the amount of bandwidth that’s used by our clients.

The Chrome User Experience report and Real User Monitoring are two ways to look at the performance of a website. How are they different from each other?

The HTTP/1.1 protocol has been around for over 25 years. In this article we will look at the advantages of using the newer protocol, HTTP/2, to improve page speed.

Videos are eligible to be the LCP element for a page. In this article we explore different techniques in how to optimize a video element.

Hydration is a web development techniques that's used to make server-rendered applications interactive in the browser. Learn how it works and how it impacts performance.

Code minification is a website performance technique. Learn how it works and how it's different from text compression.

Deferring offscreen images and background images is a web performance optimization technique that can improve user experience and Core Web Vitals on your site.

Google has launched a new tool to explore historical Core Web Vitals data.

Learn about the new Performance Panel in Chrome DevTools, and see how it can help with optimizing Core Web Vitals

HTTP compression is a mechanism that allows a web server to deliver text based content using less bytes, and it’s been supported on the web for a very long time. In fact the first web browser to support gzip compression was NCSA Mosaic v2.1 way back in 1993! The web has obviously come a long way since then, but today pretty much every web server and browser still supports gzip compression.

It likely comes as no surprise that third party content can be a significant contributor to slow loading websites and poor user experience. As performance engineers, we often need to find ways to balance requirements for their features with the strain that they can put on user experience. Unfortunately, for many sites this becomes a reaction to slowdowns and failures detected in production.

Weeks ago I was looking in to a performance issue for our animated spinner component and stumbled across a tool in DevTools I hadn’t used before: The Performance Monitor Panel. In you open Dev Tools More Tools Performance Monitor you’ll see some helpful high-level charts and graphs of the realtime performance data of your UI.

The Chrome team is working on better measuring so-called soft navigations used by Single Page Applications and a new API is now available behind a flag to allow sites to experiment with this too.

Zstandard - Fast real-time compression algorithm. Contribute to facebook/zstd development by creating an account on GitHub.

Font performance optimization is a set of web development techniques that make fonts load faster and render more smoothly, including thoughtful font selection, the use of performant font formats, self-hosting, optimized @font-face declarations, font display strategies, and others.