Skip to main content Jump to list of all articles Jump to all topics

A Smashing Guide to Performance

Ensuring your site loads quickly is important. The subject touches almost every part of web design and development, from your choice of images to the performance of your web server. In this guide we bring together information that can help you build a fast site, and keep it fast.

Cat the Yoda, with a sword

Front-End Performance Checklist 2021

Let’s make 2021… fast! An annual front-end performance checklist (PDF, Apple Pages, MS Word), with everything you need to know to create fast experiences on the web today, from metrics to tooling and front-end techniques. Updated annually by Vitaly Friedman since 2016.

Data can be prohibitively expensive, especially in developing countries. Chris Ashton puts himself in the shoes of someone on a tight data budget and offers practical tips for reducing our websites’ data footprint.


Images can be a big contributor to performance problems. We have a number of ways you can improve things.


Adding videos to your applications can increase customer engagement and satisfaction. The following articles will provide you with some insights on how to optimize videos on your websites to ensure fast playback and reduce stalls.


It's often when we are on mobile, using a data connection that performance becomes really important to us. These articles aim to help.


From removing unused CSS, to optimizing your fonts. There are plenty of different ways to enhance the speed of your site.

Monica Dinculescu: Fontastic Web Performance

Recorded at SmashingConf Barcelona 2017

Anna Migas: Effortless Performance Debugging

Recorded at SmashingConf Freiburg 2019