4

Hasty Treat - 5 Things That Make Your Site Slow

 2 years ago
source link: https://syntax.fm/show/239/hasty-treat-5-things-that-make-your-site-slow
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
neoserver,ios ssh client

Apr 13th, 2020

Hasty Treat - 5 Things That Make Your Site Slow

👇 Download Show✏️ Edit Show Notes

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!


About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK