The Web Development Podcast with Fexingo: Frontend, Backend, and Modern Web Stack

Episode 79 digs into a silent performance killer: duplicate dependencies in your Webpack bundle. Lucas explains how one stray lodash import can balloon bundle size by 200 KB, and walks through real-world examples from a production React app that accidentally included two versions of the same date library. Luna shares a horror story from a past project where duplicate Moment.js instances caused a 1...

In this episode, Lucas and Luna tackle a surprisingly common issue: web apps that ignore the user's time zone. They explore how a major online calendar app once double-booked users across time zones, why many developers default to UTC without considering local contexts, and how a simple JavaScript shift can fix scheduling chaos. They also discuss two practical approaches—client-side detection with...

Episode 77 of The Web Development Podcast dives into network resilience: why your web app fails for users on slow or intermittent connections. Lucas and Luna break down the real-world impact using data from the Chrome User Experience Report — 15% of global page loads happen on 3G or slower. They walk through concrete fixes: using the Network Information API to detect connection type, serving an of...

Lucas and Luna dive into one of the most overlooked performance killers on modern websites: touch event handlers that block scrolling and cause jank. They break down how passive event listeners can fix latency on mobile, the real-world impact on user experience, and why Chrome and Safari handle touch differently. With concrete examples from news sites and e-commerce platforms, they explain how a s...

In this episode, Lucas and Luna dive into one of the most overlooked performance bottlenecks in modern web development: JavaScript bundling. They explore how common bundler configurations—from Webpack to Vite—can inadvertently bloat your bundles, leading to slower load times and a worse user experience. Using real-world examples, they break down the concept of tree-shaking and explain why it often...

Lucas and Luna investigate a pervasive but little-known bug in modern web forms: the autocomplete attribute that silently blocks browser autofill. They walk through Google's 2021 decision to ignore autocomplete='off' on password fields, the nuance of autocomplete='new-password' vs autocomplete='off', and why many developers still set autocomplete='nope' out of habit — breaking the user experience....

Episode 73 of The Web Development Podcast with Fexingo dives into the overlooked `prefers-color-scheme` media query. Lucas and Luna explore why most websites fail to respect system-level dark mode settings, focusing on a case study of a major news site that lost 12% of its reader engagement due to a jarring light-mode default. They discuss the CSS and JavaScript implementation details, the perform...

Episode 72 of The Web Development Podcast dives into a single, fixable problem: checkout form errors that silently cost e-commerce sites 20% of potential revenue. Lucas and Luna break down real data — Baymard Institute's research shows 17% of users abandon carts due to a 'too long/complicated' checkout, but the hidden killer is validation feedback. They analyze how Stripe's Elements library reduce...

Episode 71 of The Web Development Podcast with Fexingo: Lucas and Luna dig into a subtle but common service worker bug — caching HTML responses that go stale and never update. They walk through a real-world case where a user's dashboard showed outdated data for weeks, trace the problem to incorrect Cache-Control headers and a missing update handler, and show how to fix it with cache-first then net...

Episode 70 of The Web Development Podcast dives into a subtle but pervasive bug: web apps that ignore the user's actual time zone. Lucas walks through a real case from an e-commerce site that sent 'order ready by 5 PM' notifications at 5 PM UTC, confusing customers in New York and Los Angeles. Luna challenges him on whether libraries like moment-timezone or date-fns-tz truly solve it, and they exp...

Episode 69 digs into a hidden performance killer in modern web layouts: CSS Grid. Lucas and Luna explore why a Grid layout with many rows and columns can cause the browser's layout engine to spend hundreds of milliseconds recalculating on every resize, especially when using fractional units or auto-fill. They walk through a real-world case: a dashboard with a 12-column grid and 50+ grid items that...

Episode 68 of The Web Development Podcast dives into a maddening developer experience problem: your Webpack HMR rebuilds the entire bundle on every save when it should only update the changed module. Lucas and Luna trace the root cause to module graph fragmentation from misconfigured `module.rules`, excessive `resolve.alias` entries, and side-effect flags that cascade invalidations. They walk thro...

Episode 67 dives into why responsive images in modern web development often fail to deliver real bandwidth savings, even with srcset and sizes. Lucas and Luna examine a real-world case: a media site whose images on mobile were still downloading desktop-sized assets. They trace the problem to how the browser picks the source—and how developers misconfigure the 'sizes' attribute. With concrete numbe...

Episode 66 of The Web Development Podcast with Fexingo dives into a quiet but costly bug: service workers caching HTML responses with no revalidation, serving users stale pages weeks after an update. Lucas and Luna walk through a real incident where a major e-commerce site served old product listings to returning visitors for 30 days, causing 12% cart abandonment. They explain the Cache-Control he...

Episode 65 of The Web Development Podcast with Fexingo digs into a subtle but impactful web performance and accessibility issue: ignoring HTTP content negotiation. Lucas and Luna explain how failing to serve the right Vary header or compress based on Accept-Encoding can make your app slower and less accessible, especially for users on slow networks or assistive tech. They walk through a real-world...

Episode 64 of The Web Development Podcast. Lucas and Luna dive into one of the most overlooked performance killers: web fonts. They break down why your site might be showing invisible text for hundreds of milliseconds, how the browser's font loading strategy works, and what you can do about it. Lucas explains the difference between font-display: swap, block, fallback, and optional, and shares real...

Lucas and Luna dive into a common frontend performance issue: CSS animations that stutter or jitter during scrolling. They explain the concept of 'layout thrashing' versus 'compositing triggers', and walk through a real-world example from a popular e-commerce site. Lucas reveals how a single CSS property — `transform: translateZ(0)` — can force GPU compositing but also cause memory bloat if overus...

Lucas and Luna dive into the hidden performance cost of web fonts, focusing on the specific case of a site that loads four font weights and sees a 2.5-second first paint delay. They explain the mechanics of font-display, the impact of variable fonts, and practical strategies to cut font-related load time by 60 percent without sacrificing typography quality. #WebPerformance #FontLoading #WebFonts #...

Safari is the new Internet Explorer — web developers are discovering subtle rendering bugs, missing APIs, and performance quirks that break apps that work perfectly in Chrome. Lucas and Luna unpack specific Safari-specific issues like the 4MB tab crash limit, the missing `:has()` selector support in older versions, and how `position: sticky` behaves differently inside overflow containers. They sha...

Episode 60 of The Web Development Podcast digs into a hidden privacy & performance issue: third-party scripts that exfiltrate user data from your web app in plain sight. Lucas and Luna use a real-world case—a mock e-commerce site loading a tracking script from a seemingly reputable CDN—to show how a single fetch call can silently leak browsing history, cart contents, and even keystrokes. They walk...

Lucas and Luna dig into the hidden flaws of Google's Lighthouse performance score — how the weightings misalign with real user experience, why a perfect 100 can still feel slow, and what tools like WebPageTest and the Chrome User Experience Report actually tell you. They break down the specific scoring categories, the gap between lab data and field data, and practical steps to audit your audits. I...

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 f...

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 team...

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, ho...

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....