Hasty Treat - 5 Things That Make Your Site Slow
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