Fundamentals × What Makes a Website Slow?

Syntax - Tasty Web Development Treats

Wes Bos

Tech News, Technology, News

4.9 • 1.2K Ratings

🗓️ 8 March 2023

⏱️ 65 minutes

🔗️ Recording | iTunes | RSS

🧾️ Download transcript

Summary

In this episode of Syntax, Wes and Scott talk through all the reasons your website might be slow, and how you can troubleshoot a slow website such as issues on the server, large assets, caching, CSS, JavaScript, latency, and more. Sentry - Sponsor If you want to know what’s happening with your code, track errors and monitor performance with Sentry. Sentry’s Application Monitoring platform helps developers see performance issues, fix errors faster, and optimize their code health. Cut your time on error resolution from hours to minutes. It works with any language and integrates with dozens of other services. Syntax listeners new to Sentry can get two months for free by visiting Sentry.io and using the coupon code TASTYTREAT during sign up. Show Notes 00:11 Welcome Glove 80 keyboard Raycast 03:06 Sponsor: Sentry 05:15 What makes a website slow? Uses.tech 06:29 Server Generation Times 13:33 Large payloads Redis Gzip Brotli compression Cloudflare Cloudinary 18:13 Assets being too large 23:01 Caching assets 28:25 CDN 30:35 Caching 101 37:04 Render blocking requests 40:01 CSS 42:25 JavaScript 44:51 Latency 49:17 Flash of dark mode or unsigned out 55:00 Data uris Content-visibility vite-plugin-singlefile Pool in your URL 58:11 SIIIIICK ××× PIIIICKS ××× ××× SIIIIICK ××× PIIIICKS ××× Scott: 3Blue1Brown Wes: Suavecito Firme Clay Pomade Shameless Plugs Scott: LevelUp Tutorials Wes: Wes Bos Tutorials 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

Transcript

Click on a timestamp to play from that location

0:00.0	You're listening to syntax, the podcast with the tastiest web development treats out there.
0:06.0	Strap yourself in and get ready. Here is Scott Tillinski and West Boss.
0:10.5	Welcome to syntax, the podcast with the tastiest web development treats out there. Today we've got
0:16.2	a fundamentals episode for you today on performance or what makes a website slow. So we're going to
0:22.9	kind of go through the surface area of a website and servers and browsers and internet
0:29.2	and try to talk about what actually makes something slow and where do you really have to look
0:34.9	to figure out what's been caused with me as always. Mr. Scott Tillinski, how are you doing today, Scott?
0:39.6	Hey, I'm doing good. We want to talk about what makes a website slow. Let's talk about what makes
0:45.2	Scott slow. I got a new keyboard that is very different than anything that I've ever worked with
0:50.8	before. And let me tell you it's I got the glove 80 and it's kind of shaped like the Kinesis one
0:58.0	words concave. And it's a split keyboard and it's very, very cool. But it has obviously taken
1:08.8	a bit of time for me to to grock here. My brain is still in Mac keyboard land. So I am just
1:16.2	pecking at the show notes trying to type here and it is super embarrassing. I'm like I'm chatting
1:22.0	with you on Slack and every other word is a total mistake. So I will get there. I'm going to
1:27.1	I'm dedicated to learning this thing. And honestly, it feels really good to use. But like I got
1:31.6	a I got to get that muscle memory baked in before I'm anywhere near it. Yeah. Behind getting one
1:37.9	of these glove keyboards. There's there's some aspects to it. I mean besides ergonomics, right?
1:43.2	This thing is like super finely tuned to reduce finger travel when you're when you're typing right.
1:50.1	So it's every key is way closer together. The having this split gives you a lot of flexibility
1:56.3	in how you do things. There's really great things with your thumb keys. And since it's a
2:01.2	ZMK keep keyboard firmware. So it means that like there's a there's software for the firmware
2:09.9	that you can flash. Oh yeah, you can run like custom shooters and stuff like that on it.
	...

Please login to see the full transcript.

Previous episode | Next episode

Disclaimer: The podcast and artwork embedded on this page are from Wes Bos, and are the property of its owner and not affiliated with or endorsed by Tapesearch.

Generated transcripts are the property of Wes Bos and are distributed freely under the Fair Use doctrine. Transcripts generated by Tapesearch are not guaranteed to be accurate.