The five best design links, every weekday

Category: Performance

All Categories

web.dev

Our top Core Web Vitals recommendations for 2023

A collection of best practices for optimizing websites’ Core Web Vitals performance based on the state of the web in 2023.

infrequently.org

The Performance Inequality Gap, 2023

When digital is society's default, slow is exclusionary.

pepelsbey.dev

Conditionally Adaptive CSS

Browser behavior that might improve your performance.

css-tricks.com

GIFs Without the .gif: The Most Performant Image and Video Options Right Now

So you want an auto-playing looping video without sound? In popular vernacular this is the very meaning of the word GIF.

csswizardry.com

Critical CSS? Not So Fast!

How helpful is Critical CSS?

smashingmagazine.com

Core Web Vitals Tools To Boost Your Web Performance Scores

Identify, compare, analyze and fix your Core Web Vitals scores to boost web performance of your sites. These tools will help you to do just that.

smashingmagazine.com

Powerful Image Optimization Tools

Optimizing the size of images can have a bigger impact on performance than all other areas combined.

nolanlawson.com

Style scoping versus shadow DOM: which is fastest?

Last year, I asked the question: Does shadow DOM improve style performance?

smashingmagazine.com

Measuring The Performance Of Typefaces For Users (Part 2)

In this article, Thomas Bohm explains ways to test typefaces and other typographic issues.

smashingmagazine.com

Performance Game Changer: Browser Back/Forward Cache

At the end of 2021, the Chrome team shipped some functionality that has the ability to make or break sites meeting the Core Web Vitals.

stackoverflow.blog

Picture perfect images with the modern img element

You may not think about images as part of your web dev work, but they can affect your web app’s performance more than any other part of your code.

dev.to

Making the world’s fastest website, and other mistakes

Crazed developer attempts real ecommerce without front-end JavaScript to prove that y’all playin’

gomakethings.com

How to make MPAs that are as fast as SPAs

Today, I want to talk about how you can build multi-page apps (or, you know, regular websites) that are as fast as SPAs.

uxmatters.com

Optimizing a Web Site for Google’s New UX Criteria

Web magazine about user experience matters, providing insights and inspiration for the user experience community

smashingmagazine.com

Improving Core Web Vitals, A Case Study

How to improve Core Web Vitals, a case study on how to detect and fix bottlenecks, and how we ended up with green scores, all the way.

bjango.com

Design tool performance signatures

When pushed, how do various design tools utilise the hardware they’re running on?

web.dev

Towards an animation smoothness metric

Learn about measuring animations, how to think about animation frames, and overall page smoothness.

cloudfour.com

Which SVG technique performs best for way too many icons?

When I started giving talks about SVG back in 2016, I’d occasionally hear a question I never had a great answer for.

medium.com

How I made Google’s data grid scroll 10x faster with one line of CSS

And the debug process leading up to it.

web.dev

Towards an animation smoothness metric

Learn about measuring animations, how to think about animation frames, and overall page smoothness.