239

April 13th, 2020 ×

Hasty Treat - 5 Things That Make Your Site Slow

or

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!

Share

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