Wes Bos & Scott Tolinski - Full Stack JavaScrip...

Zpravodajství

Technologické zprávy

Technika

874: Fast Apps - Easy Perf Wins

Syntax - Tasty Web Development Treats

Full Stack Developers Wes Bos and Scott Tolinski dive deep into web development topics, explaining how they work and talking about their own experiences. They cover from JavaScript frameworks like React, to the latest advancements in CSS to simplifying web tooling.

Is your app feeling sluggish? Scott and Wes break down the biggest performance bottlenecks—like bloated assets, slow databases, and waterfall requests—and share easy wins to make your site feel lightning fast. From smarter caching to preloading tricks, these tips will have your app zipping along in no time! Show Notes  00:00 Welcome to Syntax! 00:58 Brought to you by Sentry.io. 02:01 What makes apps slow? 02:10 Loading too much. 03:26 Slow database work. 04:04 Slow server. 04:54 Waterfall requests. 06:34 How do I know what is slow? 06:45 Web vitals. 12:50 Streaming. 14:05 Network tab. 18:18 Performance tab. 22:53 Caching. 22:59 Client-side caching. 23:38 Server-side caching. Valkey.io. Redis.io.  25:40 Local data. 26:11 Gzip. 29:23 CDN. 30:57 Images. Cloudinary. Cloudflare Images. Imgix. Vercel Images.  31:08 Serving. 34:16 Compressing. 35:06 Ship fewer images. 35:50 Loading JS.  Async vs Defer Attributes.  37:00 CSS. 38:28 Preloading & Prefetch. 39:40 Preloading on hover. 41:44 Ship less code. 43:49 Icons  Nucleo App.  47:01 Fonts  Tolin.ski.  51:13 Sick Picks + Shameless Plugs. Sick Picks  Scott: Skywalkers on Netflix. Wes: Oxo Swivel Peeler. Shameless Plugs  Scott: Syntax on YouTube. Hit us up on Socials! Syntax: X Instagram Tiktok LinkedIn Threads Wes: X Instagram Tiktok LinkedIn Threads Scott: X Instagram Tiktok LinkedIn Threads Randy: X Instagram YouTube Threads

Is your app feeling sluggish? Scott and Wes break down the biggest performance bottlenecks—like bloated assets, slow databases, and waterfall requests—and share easy wins to make your site feel lightning fast. From smarter caching to preloading tricks, these tips will have your app zipping along in no time!
 Show Notes  00:00 Welcome to Syntax!
 00:58 Brought to you by Sentry.io.
 02:01 What makes apps slow?
 02:10 Loading too much.
 03:26 Slow database work.
 04:04 Slow server.
 04:54 Waterfall requests.
 06:34 How do I know what is slow?
 06:45 Web vitals.
 12:50 Streaming.
 14:05 Network tab.
 18:18 Performance tab.
 22:53 Caching.
 22:59 Client-side caching.
 23:38 Server-side caching. Valkey.io.
 Redis.io.

 25:40 Local data.
 26:11 Gzip.
 29:23 CDN.
 30:57 Images. Cloudinary.
  Cloudflare Images.
 Imgix.
 Vercel Images.

 31:08 Serving.
 34:16 Compressing.
 35:06 Ship fewer images.
 35:50 Loading JS.  Async vs Defer Attributes.

 37:00 CSS.
 38:28 Preloading & Prefetch.
 39:40 Preloading on hover.
 41:44 Ship less code.
 43:49 Icons  Nucleo App.

 47:01 Fonts  Tolin.ski.

 51:13 Sick Picks + Shameless Plugs.
  Sick Picks  Scott: Skywalkers on Netflix.
 Wes: Oxo Swivel Peeler.
  Shameless Plugs  Scott: Syntax on YouTube.
  Hit us up on Socials! Syntax: X Instagram Tiktok LinkedIn Threads
 Wes: X Instagram Tiktok LinkedIn Threads
 Scott: X Instagram Tiktok LinkedIn Threads
 Randy: X Instagram YouTube Threads

Aplikace Youradio Talk

874: Fast Apps - Easy Perf Wins

Poslechněte si podcast