Performance

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.

Removing a single line of code slashed database CPU usage by 66% 🤘

A true story of how Zillow uses performance budgeting. At Zillow, we’re always implementing new ways to empower consumers with data, inspiration and knowledge around the place they call home, and connect them with local professionals who can help.  New features, more property data, big beautiful photos, and videos are just a few ways we like […]

Full Page Test Analysis

We assume that browser caches are near-instantaneous, but data shows that retrieving an object from cache can take hundreds of milliseconds!

Using the CrUX Dashboard for visualizing BigQuery CrUX data

Everything you need to know to master website monitoring, analytics, and diagnostics from world class experts.

Astro 4.12 is now available! This release includes includes the first experimental release of Server Islands, improvements to pagination and syntax highlighting, and more.

Use speculation rules to allow visitors to navigate instantly between pages on your website

Let's see how to navigate the Chrome Devtools Performance tab to effectively analyse and improve the performance of your JavaScript while avoiding common errors. Our use case will be improving the rendering FPS of a real-world canvas library.

A post by Zach Leatherman (zachleat)

Remember Grunt files? Gulp files? We rarely need to think about CSS minification, chunking, splitting and post-processing anymore. Here's why.

Jpegli, an advanced JPEG coding library that maintains high backward compatibility is faster, and more efficient, than traditional JPEG.

What is Compression? Compression is a technique used to reduce the data size as reducing the data size means that data is smaller and smaller data will travel over the internet faster improving site response times. Most of the websites/web-servers these days should use compression – and it is truly mind-boggling that according to the ... Read more

Why it occurs, and what is the impact on web performance?

Independent website speed and performance consultant / specialist, Core Web Vitals included

A little history of web performance improvement for Leroy Merlin france website