20 Easy Win Performance Tips

20 Easy Win Performance Tips

In this episode, Scott and Wes chat about 20 different ways you can improve the perf, speed and overall user experience of your websites. Cloudinary - Sponsor Cloudinary is the best way to host, compress and transform your images on the web. Sign up for their free tier and get 10GB of bandwidth for free! Also check out Cloudinary's ImageCon conference - use the code SYNTAX99 for a discount when checking out. Fluent Conf - Sponsor Developers, software engineers, designers, and web performance professionals flock to Fluent in pursuit of a common goal: building a better web. That means delivering fast, secure, accessible experiences to users and customers. Fluent covers a broad range of technologies and topics to provide web programming professionals with the skills, connections, and inspiration needed to build better online and mobile experiences. Fluent is this June 11-14 in San Jose, CA. Save 20% today with code: SYNTAX Show Notes So many perf tips came in over twitter, so in addition to this podcast I'd recommend you read all the replies to this tweet 0:00 We just cracked 1,000,000 downloads! Thank you! 4:00 Network Tips Reducing the amount of HTTP requests A little bit about HTTP2 An interview about http2 8:00 Use Caching and LocalStorage Turn on aggressive caching on your server - long expire times What is gzip? / Enabling gzip 12:00 Using a CDN Listen to our episode on CDNs and #BigZips 13:00 When to load your JS Blocking Requests 15:00 Use Lazy Loading 17:00 Preloading content with Link rel="preload" rel="prefetch" 19:00 Picture, picturefill and srcset="" Article on srcsrc and Picture srcset vs picture/source elements 25:00 Image Compression One less jpg Serve less data 26:00 Inline SVG Talk about Font Awesome 33:00 CSS and JS Code Critical CSS 37:00 Remove unused code Purify CSS no-unused-imports with ESlint 38:00 Code Splitting 40:00 Transpile less babel-preset-env 41:00 Tree shaking Hoyyyy its a tree shaker 42:00 Async ans defer attributes on your script tags Amazing site that visualizes async and defer 45:00 Icon Fonts Web Fonts Native Font Stack: Good: font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; 47:00 font-display 49:00 Troubleshooting Performance Simulate Slow Network Speed Google Page Speed Wes' Page Speed Video SIIIIICKkkkkkkkk PIXXXXX Scott: WiFi Surge Protector Wes: KitSound Bluetooth Airline Converter Shameless Plugs Scott is working on a Vue course! Wes is working on his Advanced React course! 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

Avsnitt(954)

954: Fullstack TanStack! The Scoop with Tanner Linsley

954: Fullstack TanStack! The Scoop with Tanner Linsley

Live from GitHub Universe, Wes and Scott talk with Tanner Linsley about the latest from TanStack, including TanStack DB’s local-first syncing, new routing ideas, and fresh perspectives on server components and “magic” directives. They explore performance, incremental adoption, and what’s next for the rapidly growing TanStack ecosystem — plus a few spicy takes along the way. Show Notes 00:00 Welcome to Syntax! 01:12 What’s new in the TanStack universe? 01:57 Introducing TanStack DB: local-first sync engine 05:17 How syncing and transactions actually work in TanStack DB 07:03 Next.js 16 Workflows: durable functions and the directive debate 08:46 Brought to you by Sentry.io 09:41 Tanner’s case for fewer “magic directives” 12:36 TanStack’s approach to React Server Components 14:30 The momentum of leading an ecosystem 15:38 Top-secret TanStack project in the works 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

12 Nov 18min

953: Why v0 creator left Vercel to fix GitHub (GOAT Jared Palmer)

953: Why v0 creator left Vercel to fix GitHub (GOAT Jared Palmer)

Scott and Wes sit down with Jared Palmer of GitHub (formerly of Vercel) to unpack all the biggest announcements from GitHub Universe 2025. They dive into the future of developer workflows with agents, how GitHub is rethinking project interfaces, and where there’s still room to improve the dev experience. Show Notes 00:00 Welcome to Syntax! GitHub Universe Recap. 00:21 Who is Jared Palmer? 01:19 The developer workflow with agents. 03:33 Opening ongoing tasks in VS Code. 06:08 The benefit of agnostic agents. 07:04 GitHub’s biggest opportunities for improvement. 09:38 What’s your interface of choice for a new project? 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

10 Nov 16min

952: VS Code, GitHub & Copilot - UNIVERSE 25 Announcements + Reactions

952: VS Code, GitHub & Copilot - UNIVERSE 25 Announcements + Reactions

Live from GitHub Universe, Wes, Scott, and CJ talk about the latest AI and developer tools from GitHub, including Agent HQ, Copilot integrations, and the new mission control for agents. They also share stories from the Syntax meetup, hack their conference badges, and debate AI’s role in coding. Show Notes 00:00 Welcome to Syntax! 03:39 This year’s GitHub Universe badges were next-level 07:35 Keynote recap: GitHub Agents, Copilot, and Mission Control 18:21 Brought to you by Sentry.io 20:33 Plan Mode and the future of collaborative coding 23:40 Cursor’s new trick: firing off agents straight from Slack 25:32 Copilot Metrics Dashboard and agent analytics 27:53 Effortless MCP integration and custom agent workflows 31:35 Wrapping up GitHub Universe 2025 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

5 Nov 35min

951: A first look at Remix 3

951: A first look at Remix 3

Scott and Wes dive into Remix 3, exploring how it embraces native web standards like Events, Signals, and Streams to become a truly full-stack framework. They unpack what “LLM-ready,” thin APIs, and a standards-based approach mean for the future of web development. Show Notes 00:00 Welcome to Syntax! 03:21 Uses the platform - native Events, Signals, Streams, Fetch 04:16 Remix 3, Fully Fullstack. 04:57 LLM‑ready + thin APIs 05:53 Brought to you by Sentry.io. 06:18 My previous predictions. 07:44 The value of ‘Standards Based’. 09:13 Component model - JSX/TSX; state = variables; call this.render() 11:56 Adding reactivity to Remix. 15:15 Event‑based architecture - custom events, EventTarget, interactions 20:52 Context & type‑safe access. 22:46 Composing interaction logic within events. 24:25 Signals - AbortSignal to cancel async ops 25:21 Benefits of standards - bring your own tools/libraries Michael Asnong X Post. 26:42 CSS - built‑in CSS prop; Svelte‑like scoping 28:34 Server - Web Request/Response, Web Streams across runtimes 31:23 Frames - async URL‑addressable components with fallbacks 33:07 Tooling - ESM; use Vite or esbuild 34:47 Routing - code‑based named routes 35:57 Questions/Concerns - manual rendering vs reactivity 38:47 URL Pattern API - modern, fast routing foundations 41:33 Sick Picks + Shameless Plugs. Sick Picks Scott: MoCA 2.5 Network Adapter Wes: Bosch Dishwasher 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

3 Nov 47min

950: Even SCARIER Web Dev Nightmares (Spooky Stories Pt. 2)

950: Even SCARIER Web Dev Nightmares (Spooky Stories Pt. 2)

In part 2 of this year’s Spooky Stories special, Wes and Scott discuss the most chilling developer horror stories—from six-month-old unprocessed donations and runaway dog-food orders to vanishing databases, DNS disasters, code that literally tore apart a mall’s ventilation system, and more! Show Notes 00:00 Welcome to Syntax! 01:33 A Bug Beyond the Grave 04:16 NHL SPOOKS 06:36 White Space Ghost Faced 10:54 Over Order Nightmare 16:50 Alaskian 21:16 Brought to you by Sentry.io 22:50 Rackspace’d Out 25:02 Fired 26:52 WordPress Woes 33:21 What does the P in VPS stand for? 34:18 Beyond the Grave II 35:39 The Hottest Hot Fix 37:54 Bad Redirect 40:03 Instead of Making Money, You Spend Money! 41:26 Certbot Certain Death 43:55 It’s Always DNS 50:02 Cache Ruins Everything Around Me 51:52 Fiber F-Up 56:18 More Spooky Stories Don’t Drink and Deploy 😬 | Spooky Dev Stories Pt. 1 Submit your Spooky Stories 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

29 Okt 57min

949: Web Dev HORROR Stories + Spooky Trivia! (Spooky Stories Pt. 1)

949: Web Dev HORROR Stories + Spooky Trivia! (Spooky Stories Pt. 1)

It’s that time of year again, Scott (as Dracula) and Wes (as a big bad shark) return for their annual Spooky Stories special! They’re joined by a mysterious guest for a round of creepy coding trivia and chilling true tales of web dev gone wrong; dropped databases, haunted passwords, and more. Beware: these are real developer horror stories. Show Notes 00:00 Welcome to Syntax! 00:05 Scott’s vampire costume. 00:38 New to live-streaming. 00:54 AWS Outage. 01:50 What is Spooky Stories? 02:01 (Wes is wearing a shark costume) 02:34 Brought to you by Sentry.io. 03:30 PHP MyHeadache. 06:23 A Browser Hack. 08:30 Browser Hack Gameshow & Special Guest! 17:01 Ghost Password. 21:32 Just A Patch. 24:12 Don’t drink and Deploy. 34:47 Discount. 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

27 Okt 40min

948: Zed is Ready For Primetime

948: Zed is Ready For Primetime

Wes and Scott talk about what makes Zed—the hot new editor built in Rust—fast, beautiful, and finally ready for primetime. From Git UI to extensions and AI tools, they break down what Zed gets right, what it still lacks, and whether it’s time to finally ditch VS Code. Show Notes 00:00 Welcome to Syntax! Syntax San Francisco Meetup We need your Spooky Stories 02:37 Brought to you by Sentry.io 04:07 What is Zed? 06:46 Zed UI: fast and clean 10:17 General editor experience 11:44 Extensions marketplace 17:53 Git UI 22:03 Problems UI 26:01 Real-time collaboration Remote Development 27:39 Command prompt tricks and built-in tools 31:03 Zed’s AI features AI Coding Sucks 37:08 What kept Scott away—and why he’s back 40:33 What’s still missing Text Manipulation Kung Fu for the Aspiring Black Belt 46:43 Sick Picks & Shameless Plugs Sick Picks Scott: Zojirushi 5.0 Liter Water Boiler Wes: Syntax Keycaps 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

22 Okt 53min

947: S-Tier MCP Servers for Developers

947: S-Tier MCP Servers for Developers

Scott and Wes break down the top-tier MCP servers developers are using right now. From browser automation to debugging superpowers, they explore how these servers are changing what’s possible in modern dev workflows. Show Notes 00:00 Welcome to Syntax! 01:52 Brought to you by Sentry.io. 02:46 Submit your Spooky Stories! 03:37 Syntax San Francisco Meetup. 04:11 S-Tier MCP Servers. 04:17 Sentry MCP Server (not sponsored). 05:01 Pause, what the heck is an MCP server. 05:45 Back to the Sentry MCP. 07:07 Spotlight JS. 09:08 ElevenLabs MCP hack. 11:19 Docs Tools. 11:29 Context7. 15:55 GitHub MCP Registry. 16:10 Nuxt MCP Server. 16:25 Svelte MCP Server. 20:35 Cloudflare MCP Servers. 22:34 Chrome Dev Tools (Playwright) MCP Server. 25:17 Stripe MCP Server. 27:55 Mastra. 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

20 Okt 32min

Populärt inom Politik & nyheter

aftonbladet-krim
motiv
fordomspodden
blenda-2
rss-krimstad
p3-krim
rss-viva-fotboll
flashback-forever
rss-expressen-dok
aftonbladet-daily
rss-sanning-konsekvens
svenska-fall
rss-frandfors-horna
olyckan-inifran
rss-vad-fan-hande
rss-krimreportrarna
dagens-eko
grans
krimmagasinet
spotlight