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.
I Used The Web For A Day On A 50 MB Budget
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.
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
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.