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

Episode 22 digs into the specific developer-experience gap between Vite and Webpack. Lucas and Luna break down why Vite's native-ESM dev server starts in under a second while Webpack takes 3–5 seconds for a medium project — and what that difference means for daily developer flow. They walk through the cold-start vs. warm-start mechanics, how esbuild pre-bundling slashes the initial handshake, and why incremental module graph rebuilds keep the feedback loop tight. The hosts also discuss a real migration story from a 15-person team that cut their average dev-server boot time from 4.2 seconds to 0.8 seconds, with concrete numbers on node_modules scanning, cache invalidation, and the trade-offs of Vite's Rollup-based production build. No framework wars — just the structural decisions that make one approach faster, and what you lose or gain when you switch.

#Vite #Webpack #ESBuild #Rollup #DevServer #HotModuleReplacement #Bundler #NativeESM #DeveloperExperience #JavaScriptTooling #BuildPerformance #NodeModules #ModuleGraph #FrontendTooling #MigrationStory #Technology #FexingoTechnology #FexingoPodcast

Keep every episode free: buymeacoffee.com/fexingo

Episode 21 of The Web Development Podcast digs into the hidden cost of third-party scripts. Lucas and Luna walk through a real case: a mid-size e-commerce site that unknowingly loaded 14 widgets — analytics, chat, A/B testing, ad retargeting — and saw its median LCP balloon to 8.2 seconds. They explain why each script is a synchronous bottleneck, how request chains amplify latency, and the one metric no one checks: total script execution time on the main thread. They also share a practical audit workflow using Chrome DevTools and a simple budget-based approach to decide what scripts stay. If you've ever added a snippet without measuring the cost, this episode will change how you think about every single embed.

#ThirdPartyScripts #WebPerformance #LCP #CoreWebVitals #ChromeDevTools #SiteSpeed #JavaScriptBundles #EcommerceTech #WebDev #FrontendPerformance #PageSpeedInsights #ScriptAudit #WebOptimization #Technology #FexingoTechnology #WebDevPodcast #FexingoBusiness #BusinessPodcast

Keep every episode free: buymeacoffee.com/fexingo

Episode 20 of The Web Development Podcast with Fexingo digs into a hidden performance killer: service workers that silently delay first paint. Lucas and Luna break down how a single misconfigured 'install' event listener can add 600 milliseconds of blocking time on initial load, using a real case from a mid-sized e-commerce site that saw a 12 percent bounce rate drop after fixing it. They explain the browser's registration timeline, the difference between 'install' and 'activate' phases, and why developers often forget that service workers run on a separate thread but still block critical rendering through importScripts. The episode also covers practical debugging steps using Chrome DevTools' Service Worker pane and the Application panel, plus a quick tip on using 'self.skipWaiting()' correctly. No fluff, just one concrete fix you can audit in your own project today.

#ServiceWorkers #WebPerformance #FirstPaint #JavaScript #ProgressiveWebApps #ChromeDevTools #Frontend #WebDev #Caching #PerformanceOptimization #PWAs #LoadTime #BrowserAPI #Tech #Technology #FexingoBusiness #BusinessPodcast #WebDevPodcast

Keep every episode free: buymeacoffee.com/fexingo

Episode 19 of The Web Development Podcast with Fexingo digs into a silent performance killer: webpack cache invalidation. Lucas and Luna explore why your incremental builds are rebuilding entire bundles from scratch, how a simple loader misconfiguration can throw away cache hits, and the one trick — deterministic hashing with content hashes — that shaved 60 seconds off a real-world CI pipeline. They walk through cache busting gone wrong, the difference between module and chunk hashes, and why you should never let timestamps into your build output. No jargon dumps: just a specific, actionable fix for a problem every webpack user has felt but few debug. Plus, a quick moment on how listener support keeps this show ad-free.

#Webpack #WebpackCache #BuildPerformance #JavaScript #CI/CD #DevTools #SoftwareEngineering #Frontend #WebDev #CodeOptimization #IncrementalBuilds #CacheInvalidation #Technology #WebDevelopment #FexingoBusiness #BusinessPodcast #WebDevPodcast #Fexingo

Keep every episode free: buymeacoffee.com/fexingo

Lucas and Luna tackle a silent performance killer in Node.js applications: memory leaks that don't crash your app but gradually consume CPU and degrade throughput. They walk through a real case where a forgotten `setInterval` combined with a closure referencing a large data structure caused a 40 percent CPU increase over three weeks. You'll learn how to spot the pattern using heap snapshots and why tools like `clinic` or Chrome DevTools' memory tab matter more than just checking memory usage. The episode ends with practical strategies: scoping timers, weak references, and monitoring for gradual growth rather than static thresholds.

#NodeJS #MemoryLeak #CPUProfiling #Performance #Backend #ClinicJS #ChromeDevTools #HeapSnapshot #JavaScript #ServerSide #Debugging #setInterval #WeakRef #GarbageCollection #Technology #FexingoBusiness #BusinessPodcast #WebDev

Keep every episode free: buymeacoffee.com/fexingo

Lucas and Luna dig into a common but invisible performance drain: unused npm dependencies. They walk through a real case where a startup's production bundle included 3,000 unused packages, adding 2MB to the JavaScript payload and slowing startup time by 1.2 seconds. They explain how tree-shaking fails with side-effect flags, how tools like depcheck and webpack-bundle-analyzer surface the bloat, and a practical workflow for keeping your node_modules lean. By the end, you'll know exactly how to audit your own project and cut the dead weight.

#Webpack #npm #TreeShaking #JavaScriptBundling #DependencyHell #PerformanceOptimization #WebDevelopment #Technology #FexingoBusiness #BusinessPodcast #Depcheck #BundleAnalyzer #NodeModules #SideEffectsFlag #FrontendPerformance #BuildOptimization #Startup #DeveloperTools

Keep every episode free: buymeacoffee.com/fexingo

Episode 16 of The Web Development Podcast uncovers a quiet but costly problem: GraphQL schemas that drift out of sync with frontend expectations. Lucas and Luna walk through a real-world case where a single renamed field in a GraphQL resolver caused a $150,000 production outage for an e-commerce startup. They explain how schema-first development, contract testing, and tools like GraphQL Inspector can catch these issues before they reach users. The episode also covers practical strategies for maintaining alignment between frontend and backend teams, including shared type definitions, automated checks in CI/CD, and the trade-offs of using generated TypeScript types from GraphQL schema files. If you build APIs or consume them, this episode offers a concrete lesson in why your schema is a contract that needs enforcement.

#GraphQL #SchemaDrift #FrontendBackend #API #TypeScript #GraphQLInspector #ContractTesting #WebDevelopment #Technology #FexingoBusiness #BusinessPodcast #TechPodcast #WebDev #APIErrors #SoftwareEngineering #CodeReview #CI_CD #TypeSafety

Keep every episode free: buymeacoffee.com/fexingo

Episode 15 of The Web Development Podcast with Fexingo dives into a silent killer in modern web apps: background jobs that fail silently. Lucas and Luna explore a real case where a fintech startup lost $45,000 in transaction fees because a Sidekiq worker crashed on malformed JSON with zero logs. They break down why most error monitoring tools miss silent failures, how to use structured logging with correlation IDs to trace failures end-to-end, and the single configuration change that surfaces 90% of hidden job deaths. If you've ever had a data sync mysteriously stop or a report never generate without any alert, this episode is for you. Plus, the hosts share a quick behind-the-scenes on how listener support keeps the show ad-free.

#BackgroundJobs #Sidekiq #SilentFailures #JobQueues #ErrorMonitoring #StructuredLogging #CorrelationIDs #Fintech #TransactionProcessing #Resilience #WebDev #DeveloperTools #ProductionDebugging #Observability #Backend #TechPodcast #FexingoBusiness #BusinessPodcast

Keep every episode free: buymeacoffee.com/fexingo

Episode 14 of The Web Development Podcast dives into a hidden performance killer: your TypeScript configuration. Lucas and Luna explore how default tsconfig settings—like enabling strict mode without incremental builds, or using path aliases without baseUrl—can add minutes to compile times. They walk through a real-world example from a mid-stage startup whose CI pipeline was taking over twelve minutes per build, and show how switching to project references and incremental compilation cut that to under three. Along the way, they discuss trade-offs between developer experience and compilation speed, when skipLibCheck is safe, and why composite projects are worth the upfront setup. This episode is for any developer who has watched their TypeScript compiler run longer than their actual tests.

#TypeScript #BuildPerformance #WebDevelopment #Technology #Frontend #Backend #Compiler #CI #DevOps #IncrementalBuilds #ProjectReferences #PathAliases #TsConfig #DeveloperExperience #Startup #FexingoBusiness #BusinessPodcast #WebDev

Keep every episode free: buymeacoffee.com/fexingo

Lucas and Luna dive into the hidden gaps in web accessibility audits. Most teams focus on automated checks for contrast ratios and alt text, but miss the deeper UX failures: keyboard traps, confusing focus indicators, and screen reader context loss. Lucas reveals how a major e-commerce site found 70% of its accessibility issues only through manual testing with assistive technology — and how a single overlooked aria-label cost them an ADA lawsuit settlement. Luna pushes back on audit culture, asking whether compliance checklists create a false sense of inclusion. They explore the difference between 'passing WCAG' and actually building for real users, with concrete examples from complex web apps like data dashboards and multi-step forms. The episode closes on a forward-looking question: as AI-generated UI becomes more common, will accessibility audits scale or fall further behind?

#WebAccessibility #WCAG #AriaLabels #ScreenReader #KeyboardNavigation #InclusiveDesign #AuditCulture #AdaLawsuit #AssistiveTechnology #Frontend #UX #TechPodcast #WebDev #FexingoBusiness #BusinessPodcast #Technology #ManualTesting #AccessibilityGaps

Keep every episode free: buymeacoffee.com/fexingo