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

• 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