The JavaScript Dependency Dilemma

7min Snip

00:00

Play full episode

Summary

Transcript

Episode notes

This chapter delves into the challenges and implications of JavaScript-heavy websites, particularly for features like audio players and video streaming. It emphasizes the need for websites to maintain functionality without JavaScript and explores the role of service workers and local caching in enhancing performance.

Scott and Wes debate whether your website really needs JavaScript to function. They explore the principles of web standards, progressive enhancement, and test popular websites like Shopify and Netflix to see how they perform without JavaScript.

Show Notes

00:00 Welcome to Syntax!
00:11 Take 2
01:43 Brought to you by Sentry.io.
02:19 The clip summarized.
- 03:16 Your website should load, be readable and be (mostly) styled without JavaScript.
- 07:32 Web standards first. If it can be done without JavaScript, it should be.
  - 08:09 What if the CSS doesn’t load?
  - 10:20 Linking
  - 10:24 Forms.
  - 12:11 Links (Duh, but also c’mon!)
  - 12:35 Query parameters.
- 13:57 Server render if possible.
15:20 Progressive Enhancement.
- 17:24 CSS Page Transitions.
19:07 Let’s test websites out.
- 19:15 Shopify.
- 22:16 Syntax.fm.
- 25:23 Netflix.
  - 27:27 Local first and offline service workers.
- 29:27 TikTok.
- 29:33 GitHub.