Performance

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

We explain why some people feel incentivised to cheat the metrics. We also walk through common techniques the bad actors use so you can identify and remove them. Finally, we outline the steps we took to make performance ecosystem safer for everyone.

You want a quick web performance win at work that’s sure to get you a promotion? Want it to only take five minutes? Then I got you. Capo.js is a tool to get your head in order. It’s based o…

The LEGO home page is lean and quick to start render, but it still suffers from a slow Largest Contentful Paint time. Here are some quick fixes.

We rank industry-leading websites based on how fast their pages appear to load, from a user’s perspective.

A curated list of snippets to get Web Performance metrics to use in the browser console or as snippets on Chrome DevTools by Joan León

Yellow Lab Tools is a free online web performance analyzer. It audits a webpage for performance and front-end quality issues. And it's open-source!