April 13th, 2020 × #performance#optimization#speed
Hasty Treat - 5 Things That Make Your Site Slow
Covers 5 things that can slow down your website and how to speed it up: time to first byte, too many requests, large assets, lazy loading, and content delivery networks.
Wes Bos Host
Scott Tolinski Host
In this Hasty Treat, Scott and Wes talk about five things that could potentially be making your website slow.
LogRocket - Sponsor
LogRocket lets you replay what users do on your site, helping you reproduce bugs and fix issues faster. It's an exception tracker, a session re-player and a performance monitor. Get 14 days free at logrocket.com/syntax.
Show Notes
3:00 - TTFB
- Slow DNS lookup
- Server on the other side of the world
- Slow server processing
- Network speed back to the browser
6:21 - Requests
- Too many requests
- Too large
- Waterfalling your requests
9:44 - Assets are too large
- Images are the biggest bloat in a site
- Compress and optimize via build tool or ImageOptim
- Make smaller
- Picture fill for mobile
14:48 - Lazy loading
- lazy="true"
- Intersection observer
- Preload slider images two ahead
18:03 - Not using a CDN
- What is a CDN?
- Cloudflare is free, others are very cheap - we used Cloudfront
- Netlify is free and comes with a CDN
Links
Tweet us your tasty treats!
- Scott's Instagram
- LevelUpTutorials Instagram
- Wes' Instagram
- Wes' Twitter
- Wes' Facebook
- Scott's Twitter
- Make sure to include @SyntaxFM in your tweets
