Artwork

Content provided by Wes Bos and Scott Tolinski - Full Stack JavaScript Web Developers. All podcast content including episodes, graphics, and podcast descriptions are uploaded and provided directly by Wes Bos and Scott Tolinski - Full Stack JavaScript Web Developers or their podcast platform partner. If you believe someone is using your copyrighted work without your permission, you can follow the process outlined here https://player.fm/legal.
Player FM - Podcast App
Go offline with the Player FM app!

Hasty Treat - 5 Things That Make Your Site Slow

24:28
 
Share
 

Manage episode 258707238 series 1469447
Content provided by Wes Bos and Scott Tolinski - Full Stack JavaScript Web Developers. All podcast content including episodes, graphics, and podcast descriptions are uploaded and provided directly by Wes Bos and Scott Tolinski - Full Stack JavaScript Web Developers or their podcast platform partner. If you believe someone is using your copyrighted work without your permission, you can follow the process outlined here https://player.fm/legal.

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!
  continue reading

750 episodes

Artwork
iconShare
 
Manage episode 258707238 series 1469447
Content provided by Wes Bos and Scott Tolinski - Full Stack JavaScript Web Developers. All podcast content including episodes, graphics, and podcast descriptions are uploaded and provided directly by Wes Bos and Scott Tolinski - Full Stack JavaScript Web Developers or their podcast platform partner. If you believe someone is using your copyrighted work without your permission, you can follow the process outlined here https://player.fm/legal.

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!
  continue reading

750 episodes

All episodes

×
 
Loading …

Welcome to Player FM!

Player FM is scanning the web for high-quality podcasts for you to enjoy right now. It's the best podcast app and works on Android, iPhone, and the web. Signup to sync subscriptions across devices.

 

Quick Reference Guide