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 WordPress
Webpack
Gulp
gatsby-image
Cloudinary
Cloudflare
Cloudfront
Netlify
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