Learn about web performance

Reduce Image Sizes by Removing Metadata

43% of a web pages weight can be attributed to images, metadata on the images can be a bit contributor to that so Robert Boedigheimer takes us through how to remove it

Robert Boedigheimer

05 Dec 2022

How QuintoAndar improved their Lighthouse performance score to 97

TK takes us through a case study from his time at QuintoAndar about how they optimised the performance of a React progressive web app

TK

04 Apr 2021

Yelp boosted user conversion by 15% with their performance wins

A case study into how Yelp improving their First Contentful Paint by 45% and Page Complete by 25% resulted in a 15% improvement in conversion

Shubham Gupta

27 Jan 2021

Optimize Largest Contentful Paint

A step-by-step guide on how to break down LCP and identify key areas to improve.

Philip Walton

05 May 2020

Optimize First Input Delay

A step-by-step guide on how to respond faster to user interactions

Houssein Djirdeh

05 May 2020

Optimize Cumulative Layout Shift

Learn how to avoid sudden layout shifts to improve user-experience

Addy Osmani & Barry Pollard

05 May 2020

Web Vitals

Optimizing for quality of user experience is key to the long-term success of any site on the web. Whether you're a business owner, marketer, or developer, Web Vitals can help you quantify the experience of your site and identify opportunities to improve.

Philip Walton

30 Apr 2020

How to test frontend performance - Gov UK

Websites that perform badly can frustrate users and drain their data plans and battery life. You can address this by making sure your service frontend is as fast and lightweight as possible.

Gov.uk

14 Mar 2019

Incorporate performance budgets into your build process

Once you've defined a performance budget, it's time to set up the build process to keep track of it. There are a number of tools that let you define thresholds for chosen performance metrics and warn you if you go over budget. Find out how to choose one that best fits your needs and current setup.

Milica Mihajlija

01 Feb 2019

Performance budgets 101

Performance is an important part of the user experience and it affects business metrics. It's tempting to think that if you are a good developer you'll end up with a performant site, but the truth is that good performance is rarely a side effect. As with most other things—to reach a goal you have to define it clearly. Start the journey by setting a performance budget.

Milica Mihajlija

05 Nov 2018

How Netflix learnt to keep an eye on the cost of JavaScript

A case study into how Netflix improved their web performance of their homepage on desktop by starting to be more mindful of the cost of JavaScript

Addy Osmani

05 Nov 2018

Start Performance Budgeting

If you're building a web experience and want to stay fast, a performance budget can be critical. For success, embrace performance budgets and learn to live within them. Network & CPU limits on mobile can require asking hard questions like, "what is really important to my users?"

Addy Osmani

01 Oct 2018

Can You Afford It?: Real-world Web Performance Budgets

We've had the pleasure of working with dozens of teams over the past few years. This work has been illuminating, sometimes in very unexpected ways. One of the most surprising results has been the frequent occurrence of "ambush by JavaScript"

Alex Russell

22 Oct 2017

Filters

Topics

© Copyright Jonathan Fielding@jonthanfielding