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.
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.
- Getting Ready: Planning And Metrics
- Setting Realistic Goals
- Defining The Environment
- Assets Optimizations
- Build Optimizations
- Delivery Optimizations
- Networking, HTTP/2, HTTP/3
- Testing And Monitoring
- Quick Wins
- Front-End Performance (Full Article/Download the Checklist)
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
Images can be a big contributor to performance problems. We have a number of ways you can improve things.
Videos
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.
Mobile
It's often when we are on mobile, using a data connection that performance becomes really important to us. These articles aim to help.
Optimization
From removing unused CSS, to optimizing your fonts. There are plenty of different ways to enhance the speed of your site.
- Handling Unused CSS In Sass To Improve Performance
- Optimizing Google Fonts Performance
- Optimizing Performance With Resource Hints
- Helping Browsers Optimize With The CSS Contain Property
