The five best design links, every weekday

Category: Performance

All Categories

smashingmagazine.com

Refactoring CSS: Optimizing Size And Performance

CSS optimization techniques that we can apply to tackle common performance issues.

web.dev

The performance effects of too much lazy-loading

Eagerly loading images within the initial viewport—while liberally lazy-loading the rest—can improve Web Vitals while loading fewer bytes.

jakearchibald.com

Serving sharp images to high density screens

Why compressing images for dense screens is different, and how to serve them.

web.dev

Best practices for fonts

Learn about how to optimize web fonts for Core Web Vitals.

pustelto.com

Real-world CSS vs. CSS-in-JS performance comparison

I took a real app and converted it from Styled Components to Linaria to compare the app performance of CSS-in-JS and normal CSS.

web.dev

CSS for Web Vitals

This article covers CSS-related techniques for optimizing Web Vitals.

smashingmagazine.com

A New Way To Reduce Font Loading Impact: CSS Font Descriptors

Web fonts are often terrible for web performance. With CSS font descriptors, we might be able to solve our font loading troubles for good.

jakearchibald.com

Who has the fastest F1 website in 2021?

Deep-diving on the load performance of F1 websites.

iainbean.com

5 steps to faster web fonts

Fine-tune your font files and optimise your loading strategy for maximum speed + minimum FOUT.

web.dev

Best practices for cookie notices

Learn about how cookie notices affect performance, performance measurement, and UX.

requestmetrics.com

Measuring Web Performance in 2021: The Definitive Guide

This is the complete guide to the metrics, methods, and measurements of web performance in 2021.

smashingmagazine.com

The Humble <img> Element And Core Web Vitals

Images have also been a key part of the web. They communicate ideas instantly, but they are also a lot heavier than text to load.

mxb.dev

Space Jam

The iconic 1996 "Space Jam" website was recently relaunched to promote the new movie.

css-tricks.com

Tools for Auditing CSS

Auditing CSS is not a common task in a developer’s everyday life, but sometimes you just have to do it.

calibreapp.com

How to Improve CSS Performance

Learn the most common speed issues caused by CSS and how to avoid them.

cloudinary.com

Time for Next-Gen Codecs to Dethrone JPEG

Learn how several next-gen image codecs (JPEG 2000, WebP, AVIF, and JPEG XL) compare to JPEG in compression density, features, etc.

infrequently.org

The Mobile Performance Inequality Gap

An update on phones, networks, browsers, and the new baseline scenario for web performance.

smashingmagazine.com

CSS Auditing Tools

In a new short series of posts, we highlight some of the useful tools and techniques for developers and designers.

iainbean.com

System fonts don’t have to be ugly

Make your site faster and more environmentally-friendly by taking a system-fonts-first approach.

css-tricks.com

The Best Font Loading Strategies and How to Execute Them

Zach Leatherman wrote up a comprehensive list of font loading strategies that have been widely shared in the web development field.