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.


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

Tweet us your tasty treats!


Play / pause the audio
Minimize / expand the player
Mute / unmute the audio
Seek backward 30 seconds
Seek forward 30 seconds
Increase playback rate
Decrease playback rate
Show / hide this window