Episode 58 of The Web Development Podcast: Lucas and Luna dive into the hidden cost of images on web performance. They explore why a single unoptimized hero image can add seconds to load time, how modern formats like AVIF and WebP compare, and why responsive images with srcset and sizes attributes are still underused. With real numbers and a walkthrough of Lighthouse audits, they show how simple fixes can cut image payload by 60% or more. Plus, a quick behind-the-scenes on how listener support keeps the show ad-free. Perfect for frontend developers and site owners who want faster pages without sacrificing quality.

#WebPerformance #ImageOptimization #AVIF #WebP #Lighthouse #CoreWebVitals #ResponsiveImages #srcset #SizesAttribute #LazyLoading #Technology #Frontend #WebDev #FexingoBusiness #BusinessPodcast #WebDevelopment #PerformanceBudget #ImageCompression

Keep every episode free: buymeacoffee.com/fexingo

Lucas and Luna dig into a quietly pervasive issue in modern NextJS apps: server actions that inadvertently expose internal API endpoints, database schemas, or even PII through client-server boundary leaks. They walk through a real-world example from a fintech startup's recent security audit, showing how a simple form action can leak your entire Prisma schema, and explain the one-line fix most teams miss. Touching on framework design trade-offs, Vercel's stance, and the broader trend of server components blurring the line between client and server, this episode gives you a concrete audit checklist for your own codebase.

#NextJS #ServerActions #WebSecurity #DataLeakage #ReactServerComponents #Vercel #Prisma #APILeak #FrontendSecurity #WebDevelopment #Technology #FexingoBusiness #BusinessPodcast #LucasAndLuna #WebDevPodcast #Fintech #CodingBestPractices #BundleAnalysis

Keep every episode free: buymeacoffee.com/fexingo

In this episode, Lucas and Luna dig into one of the most insidious performance bugs in modern web apps: memory leaks caused by JavaScript closures. They break down how closures work under the hood, why they can hold onto references long after you think they're gone, and real-world examples like React's useEffect and event listeners. You'll learn practical patterns to avoid accidental retention, how to use WeakMap and WeakRef, and why Chrome DevTools memory snapshots are your best friend. If you've ever seen a page slow down after a few minutes, this episode explains why and how to fix it for good.

#JavaScript #Closures #MemoryLeak #WebPerformance #React #DevTools #Frontend #Backend #Technology #WebDevelopmentPodcast #Fexingo #FexingoBusiness #BusinessPodcast #Episode56 #MemoryManagement #ChromeDevTools #WeakRef #EventListeners

Keep every episode free: buymeacoffee.com/fexingo

Lucas and Luna tackle a surprisingly common web performance issue: images loading twice in the browser. They break down the root cause—unoptimized responsive image markup and missing size attributes—and walk through concrete fixes using srcset, sizes, and lazy loading. Along the way, they share real-world data: a typical media-heavy site wastes over 200KB per page load on duplicate image requests. Perfect for any developer who's ever seen their network tab full of 200s for the same image file.

#WebPerformance #ImageOptimization #ResponsiveImages #Srcset #SizesAttribute #LazyLoading #Frontend #WebDev #PageSpeed #CoreWebVitals #LCP #CLS #ChromeDevTools #Technology #WebDevelopment #FexingoBusiness #BusinessPodcast #Fexingo

Keep every episode free: buymeacoffee.com/fexingo

Lucas and Luna dive into a subtle but common cause of memory leaks in React apps: closures that capture stale references. They trace the problem from a real-world case at a mid-size SaaS company whose dashboard crashed after 15 minutes of use. Lucas explains how closures work in JavaScript, why React's hooks make the issue worse, and how the team fixed it with useRef and useCallback. Luna brings data from Chrome DevTools memory profiling showing a 200MB leak in under an hour. The episode ends with a practical checklist for auditing your own app for closure-related leaks. A short, honest mention of listener support via buy me a coffee dot com slash fexingo keeps the show ad-free.

#React #MemoryLeak #JavaScriptClosures #WebPerformance #Hooks #UseRef #UseCallback #ChromeDevTools #SaaS #Frontend #Technology #FexingoBusiness #BusinessPodcast #WebDev #Debugging #PerformanceOptimization #GarbageCollection #ReactHooks

Keep every episode free: buymeacoffee.com/fexingo

Episode 53 of The Web Development Podcast dives into a silent performance killer in modern web applications: empty async functions generated by TypeScript's `downlevelIteration` and `importHelpers` settings. Lucas and Luna trace the problem from a single misconfigured `tsconfig.json` to a 12KB bloat in a production bundle, using a real-world case from a fintech startup's dashboard. They explain why Babel and TypeScript disagree on async generator transpilation, how unused `__awaiter` helpers accumulate, and exactly which webpack analyzer tool surfaces the issue. Listeners walk away with a concrete checklist: two TypeScript compiler flags to toggle, one webpack plugin to add, and a 30-second Lighthouse audit step that catches this pattern. No abstract theory — just a fix that drops bundle size by 8 percent on a typical React app.

#TypeScript #Webpack #BundleOptimization #AsyncFunctions #DownlevelIteration #JavaScript #WebPerformance #Lighthouse #Babel #TreeShaking #Technology #WebDevelopment #FexingoBusiness #BusinessPodcast #Episode53 #Fintech #WebDevTips #CodeBloat

Keep every episode free: buymeacoffee.com/fexingo

Lucas and Luna uncover a common performance drag in modern web apps: shipping entire icon libraries — often hundreds of SVGs — when only a handful are used. They trace the issue from webpack bundling defaults to tree-shaking failures, using Material Icons and Font Awesome as concrete examples. They show how a typical React app with a 20-icon menu still bundles 2,500+ unused SVGs, adding 150KB to the initial load. The episode explores automated solutions: icon subsetting with SVGO-based build plugins, dynamic imports with icon-loading strategies, and lint rules that flag unused icon imports. Listeners learn one specific fix they can apply today to shave seconds off their Lighthouse performance score and reduce bandwidth by 30 percent.

#WebPerformance #Webpack #SVG #IconBundles #TreeShaking #BundleSize #FrontendOptimization #MaterialIcons #FontAwesome #SVGO #Lighthouse #React #BuildTools #Technology #WebDev #FexingoBusiness #BusinessPodcast #Fexingo

Keep every episode free: buymeacoffee.com/fexingo

Episode 51 of The Web Development Podcast: Lucas and Luna investigate why TypeScript enums bloat your JavaScript bundle by 5KB or more. They walk through the actual compiled output — a reverse-lookup object — and compare it to simpler alternatives like const objects and union types. Using real-world examples from a 2026 React dashboard, they measure the bundle impact, discuss when an enum is actually worth the cost, and show how tree-shaking fails on most enum patterns. By the end, you'll know exactly when to reach for an enum and when to use a 50-byte alternative. Plus: a quick note on how listener support keeps this show ad-free. #TypeScript #JavaScript #BundleSize #WebPerformance #Frontend #React #TreeShaking #Coding #WebDev #FexingoTechnology #TechnologyPodcast #SoftwareEngineering #WebDevelopmentPodcast #Enum #ConstObject #UnionType #BuildOptimization #CodeReview

#TypeScript #JavaScript #BundleSize #WebPerformance #Frontend #React #TreeShaking #Coding #WebDev #FexingoTechnology #TechnologyPodcast #SoftwareEngineering #WebDevelopmentPodcast #Enum #ConstObject #UnionType #BuildOptimization #CodeReview

Keep every episode free: buymeacoffee.com/fexingo

Lucas and Luna explore the hidden assumption that has broken countless web apps: persistent connectivity. They dig into the real-world failure of a major retail site's checkout flow when a user's train entered a tunnel, and walk through the surprisingly simple service-worker pattern that fixes it. Along the way, they bust the myth that offline-first means 'no internet' — it actually means graceful degradation when the network blips. With browser APIs like CacheStorage and Background Sync, you can build apps that don't silently lose user data. The episode ends with a practical tip: test your app with a 3-second network throttle and watch which features break.

#OfflineFirst #ServiceWorker #CacheStorage #BackgroundSync #WebDevelopment #ProgressiveWebApp #NetworkFailure #GracefulDegradation #UserExperience #CheckoutFlow #RetailTech #JavaScript #PWA #Connectivity #WebAPIs #Technology #FexingoBusiness #BusinessPodcast

Keep every episode free: buymeacoffee.com/fexingo

Lucas and Luna dive into a silent productivity killer: memory leaks in webpack-dev-server that accumulate over long development sessions. They trace the problem to unclosed WebSocket connections from Hot Module Replacement, showing how a single missed cleanup in the dev server's event loop can balloon RAM usage to 4GB after eight hours. The episode walks through real debugging steps using Chrome DevTools Memory tab and the 'detached DOM nodes' filter, then explains the fix: a custom plugin that hooks into the 'done' compiler hook to force-close stale sockets. Listeners will walk away with a concrete script they can drop into their webpack config today to keep their dev server lean during all-day coding marathons.

#WebpackDevServer #MemoryLeak #HotModuleReplacement #WebSocket #ChromeDevTools #DetachedDOMNodes #DevServer #JavaScript #Performance #Frontend #Debugging #Technology #WebDevelopment #FexingoBusiness #BusinessPodcast #Coding #NodeJS #BuildTooling

Keep every episode free: buymeacoffee.com/fexingo