Episodes

  • How Your Favicon Is Silently Hijacking DNS Prefetch

    How Your Favicon Is Silently Hijacking DNS Prefetch
    Jun 13 2026
    Episode 48 of The Web Development Podcast dives into a silent performance killer hiding in plain sight: your favicon. Lucas and Luna explain how a missing or slow favicon.ico can block DNS prefetch, delay initial page loads, and cause browsers to queue up extra network requests before your HTML even renders. They walk through a real example from a major news site that dropped first-paint time by 300 milliseconds just by serving a properly optimized favicon. The episode covers how the browser requests the favicon before any CSS or JavaScript, why a 404 on favicon.ico is worse than you think, and the three steps to fix it: inline SVG, preconnect hints, and HTTP cache headers. If you manage a web app or a content site, this 10-minute episode will change how you think about that tiny browser tab icon. #Favicon #DNSprefetch #WebPerformance #Frontend #BrowserOptimization #FirstPaint #HTTPCache #InlineSVG #Preconnect #CriticalPath #WebDev #PerformanceBudget #FexingoTech #TechPodcast #LucasAndLuna #WebDevelopment #PageSpeed #DeveloperTips Keep every episode free: buymeacoffee.com/fexingo
    Show More Show Less
    9 mins
  • How Your CSS Grid Overflows on Mobile and What to Fix

    How Your CSS Grid Overflows on Mobile and What to Fix
    Jun 12 2026
    Ever built a perfect CSS Grid layout on a desktop screen only to have it blow past the viewport on a phone? In this episode, Lucas and Luna dig into a specific example: a three-column dashboard grid that looks fine at 1200 pixels wide but triggers a horizontal scrollbar at 480 pixels. They trace the root cause to a common combination of fixed column widths, implicit grid tracks, and the min-width default on grid items. Lucas walks through the actual CSS properties involved: grid-template-columns with minmax, the implicit min-width of 300 pixels on grid children, and how overflow-x: hidden only masks the symptom. They also show how to prevent the overflow using minmax(0, 1fr) and explicit min-width: 0. By the end you will know exactly why your grid overflows and the two-line fix that stops it. #CSSGrid #CSSOverflow #ResponsiveDesign #FrontendPerformance #WebLayout #MobileFirst #CSSMistakes #GridLayout #CSSMinmax #OverflowHidden #MinWidthZero #CSSGridColumn #ImplicitTracks #WebDev #Technology #FexingoBusiness #BusinessPodcast #LucasAndLuna Keep every episode free: buymeacoffee.com/fexingo
    Show More Show Less
    9 mins
  • Why Your Tailwind CSS Bundle Is 300KB and How to Fix It

    Why Your Tailwind CSS Bundle Is 300KB and How to Fix It
    Jun 12 2026
    In this episode, Lucas and Luna dig into a specific problem that many developers encounter: a bloated Tailwind CSS production bundle. They trace the issue to unused utility classes generated by Tailwind's Just-in-Time engine, explain why the default content configuration often misses important template paths, and walk through a concrete fix using the `content` option to reduce bundle size from 300KB to under 10KB. They also cover how to audit your bundle with PurgeCSS stats and how to avoid common pitfalls with dynamic class names. If you've ever wondered why your Tailwind CSS feels heavy, this episode gives you a clear diagnosis and a fix you can implement today. #TailwindCSS #CSSBundle #WebPerformance #BundleSize #PurgeCSS #JITEngine #Frontend #WebDev #Technology #FexingoBusiness #BusinessPodcast #WebDevelopmentPodcast #LucasAndLuna #CSSOptimization #DynamicClasses #ContentConfig #BuildArtifacts #SafelistPattern Keep every episode free: buymeacoffee.com/fexingo
    Show More Show Less
    6 mins
  • How CSS Container Queries Eliminate Your Media Query Hacks

    How CSS Container Queries Eliminate Your Media Query Hacks
    Jun 11 2026
    In this episode, Lucas and Luna dive deep into CSS Container Queries — the modern alternative to media queries for responsive design. They walk through a concrete example: a reusable card component that breaks in a sidebar layout with traditional media queries because it responds to the viewport, not its container. They show how Container Queries fix this by querying the parent's inline size instead. They also discuss browser support (95% globally as of June 2026), performance implications (no layout thrashing), and gotchas like containment and naming. By the end, you'll know exactly when to reach for Container Queries and when to stick with media queries. #CSS #ContainerQueries #ResponsiveWebDesign #Frontend #WebDevelopment #CSSContainerQueries #ModernCSS #Layout #Performance #BrowserSupport #MediaQueries #WebDevTips #Coding #Technology #FexingoBusiness #BusinessPodcast #Fexingo #Podcast Keep every episode free: buymeacoffee.com/fexingo
    Show More Show Less
    10 mins
  • Why Your Static Site Takes Five Seconds on Slow Networks

    Why Your Static Site Takes Five Seconds on Slow Networks
    Jun 11 2026
    Episode 44 of The Web Development Podcast with Fexingo: Lucas and Luna dig into a concrete problem that plagues static sites on slow networks — the hidden cost of JavaScript frameworks that ship hundreds of kilobytes of runtime code even for a simple blog. Using the real-world example of a site that had a 1.2 MB JavaScript bundle delivering just four paragraphs of text, they walk through how the browser's critical rendering path gets blocked, why the first paint can take five seconds on a 3G connection, and what developers can do about it: route-level code splitting, preload hints, and the trade-offs of server-side rendering versus static generation. They also touch on why Google's Core Web Vitals penalize sites that fail the Largest Contentful Paint threshold, and how a simple 'script type=module' with async loading can cut perceived load time in half. No abstract theory — just a focused investigation into one performance bottleneck that affects millions of users. #WebPerformance #CoreWebVitals #JavaScriptBundles #CodeSplitting #LazyLoading #StaticSites #SSR #SSG #LCP #CriticalRenderingPath #Preload #ScriptTypeModule #AsyncLoading #SlowNetworks #3GPerformance #WebDev #Technology #FexingoBusiness Keep every episode free: buymeacoffee.com/fexingo
    Show More Show Less
    11 mins
  • How Service Workers Are Silently Draining Your Battery

    How Service Workers Are Silently Draining Your Battery
    Jun 10 2026
    Episode 43 of The Web Development Podcast with Fexingo dives into a hidden performance cost that rarely gets discussed: the battery impact of service workers on mobile devices. Lucas and Luna break down a real-world example from a major news site where a poorly optimized service worker was waking the radio chip every 30 seconds, draining the battery twice as fast. They explain what causes this — excessive fetch handlers, long-lived caches, and background sync intervals — and walk through concrete fixes like event-scope narrowing, cache-first strategies, and using the Background Sync API sparingly. If you're running a progressive web app or even just a simple caching service worker, this episode will change how you think about background scripts. No fluff, just actionable web performance advice. #ServiceWorker #BatteryDrain #WebPerformance #PWAs #ProgressiveWebApps #MobileWeb #FetchHandler #CacheFirst #BackgroundSync #Navigator #ChromeDevTools #WebDev #Frontend #Technology #FexingoBusiness #BusinessPodcast #LucasAndLuna #WebDevelopmentPodcast Fexingo founder and producer: Ibnul Jaif Farabi Keep every episode free: buymeacoffee.com/fexingo
    Show More Show Less
    10 mins
  • Why Your Webpack Builds Are 40 Percent Slower on M4 Macs

    Why Your Webpack Builds Are 40 Percent Slower on M4 Macs
    Jun 10 2026
    Episode 42 of The Web Development Podcast digs into a surprising performance regression: Webpack builds running 40% slower on Apple's new M4 Macs compared to M1 and M2 machines. Lucas and Luna trace the root cause to a change in the ARM microarchitecture's memory prefetcher behavior, which breaks assumptions in the terser-webpack-plugin's parallel worker hot-path. They walk through the Node.js worker_threads internals, the specific CPU instruction stalls, and the two-line fix using worker-data serialization flags that restores parity. The episode also covers why this issue silently affects CI runners and how to detect it with a simple benchmark script. A concrete deep dive for any web developer using Webpack on Apple Silicon machines. #Webpack #M4Mac #AppleSilicon #Performance #ARM #NodeJS #TerserPlugin #WebDevelopment #Frontend #BuildTools #CI #CPUArchitecture #MemoryPrefetcher #ParallelWorkers #Benchmarking #Technology #FexingoBusiness #BusinessPodcast Keep every episode free: buymeacoffee.com/fexingo
    Show More Show Less
    9 mins
  • Why Your Web App Is Redownloading the Same JavaScript

    Why Your Web App Is Redownloading the Same JavaScript
    Jun 9 2026
    Episode 41 of The Web Development Podcast with Fexingo digs into HTTP caching gone wrong. Lucas explains why most web apps treat JavaScript bundles as immutable when they aren't, causing users to re-download huge chunks of code on every visit. He walks through the difference between cache-control headers like 'no-cache' and 'no-store', explains content hashing done right, and shows how one misconfigured cache header can blow up your Lighthouse score. Luna questions whether CDN edge caching is worth the complexity, and Lucas shares a real case where switching from short-lived to long-lived cache with content hashing cut repeat-load times by 40 percent. They also touch on stale-while-revalidate strategies and why service workers aren't a silver bullet. No fluff, no clickbait — just a drill into one specific performance problem that touches nearly every web app in production. #WebPerformance #HTTPCaching #CacheControl #JavaScript #Frontend #Backend #WebDev #TechPodcast #Lighthouse #CDN #ServiceWorker #ContentHashing #StaleWhileRevalidate #BundleOptimization #FexingoBusiness #BusinessPodcast #Technology #WebDevelopment Keep every episode free: buymeacoffee.com/fexingo
    Show More Show Less
    10 mins