A tech advent calendar
Fasterize offers you 24 tips to make your website and page display faster.
Better than an advent calendar, you don’t have to wait for a new chocolate every day: you can eat them all immediately. Enjoy!
- The quickest request is the one you don’t make. So remember to cache as many elements as possible.
- Do you do A/B testing? Don’t load your A/B test tag via another tag.
- Don’t preload everything, but only what the browser can’t discover on its own.
- Clean up your CSS!
- Clean up your JS too, especially on mobile, where parsing and execution take much longer.
- Compress everything you can with the formats at your disposal: WOFF2, brotli, WebP…
- Let your browser breathe: delay the loading of your third-parts as much as possible.
- Test your webperf optimizations before validating them, because poorly applied best practices can be counterproductive.
- Don’t lazyload images visible above the waterline.
- Measure your performance over time in a controlled environment with Synthetic monitoring.
- Switch to HTTP/2 to offset the impact of HTTPS.
- Implement TLS optimizations (OCSP Stapling, Session Resumption, TLS False Start, TLS 1.3).
- If you’re using HTTP/2, remove sharding for elements in the critical path.
- Beware of SPOF: a third-party script loaded synchronously can block an entire page!
- For mobile devices, prefer an adaptive or even responsive site to a dedicated one.
- You can preload the JSON of your XHR requests in JSONP!
- Use a CDN to relieve your servers 😉
- Explore the use of Service Workers in your caching strategies.
- Be careful when using webfonts! Don’t load a font with 100 icons if you only use 3 🙂
- Prefer the .mp4 format, which is much more efficient than .gif.
- Experiment with critical CSS to speed up page loading.
- Throw jQuery in the garbage can, prefer Zepto. Or better still, code in native JS!
- Don’t forget your servers’ response times, and limit your exchanges with them.
- Have a great holiday!
Would you like to know what optimizations you need and automate them?