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

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

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

Server-side rendering should make your app faster, not slower. But if you're caching rendered pages for even a few seconds, you might be shipping stale content to users — and Google knows it. In this episode, Lucas walks through a real case: a content-heavy e-commerce site where caching SSR output for 10 seconds caused a 12% drop in conversion as users saw outdated inventory. He explains the difference between render cache and data cache, why stale-while-revalidate isn't a silver bullet, and how one team cut their time-to-first-byte by 40% by shifting to incremental static regeneration with a smart invalidation key. Luna pushes back on complexity — isn't this just over-engineering? Lucas argues the cost of a cache miss is often lower than the cost of a cache hit with stale data. Specific, practical, and grounded in real metrics.

#SSR #CacheStaleness #WebPerformance #ServerSideRendering #IncrementalStaticRegeneration #StaleWhileRevalidate #TTFB #FrontendPerformance #WebDev #NextJS #CDN #CacheInvalidation #EcommercePerformance #ConversionRate #WebVitals #Technology #FexingoBusiness #BusinessPodcast

Keep every episode free: buymeacoffee.com/fexingo

In this episode, Lucas and Luna dive into the messy reality of Web Vitals measurement. Most developers think their Core Web Vitals scores are accurate, but hidden sampling biases, single-page app quirks, and lab-vs-field mismatches lead to wildly misleading data. Lucas breaks down a real case where a team's Lighthouse score showed a perfect 100, yet real users experienced LCP times over 4 seconds. They discuss the gap between Chrome User Experience Report (CrUX) data and synthetic testing, how session-level aggregation hides p99 issues, and why your analytics provider might be filtering out your slowest users. Luna pushes back on the idea that a single number can capture user experience, and they explore practical fixes: using RUM with proper thresholds, segmenting by connection type, and the one metric you should literally ignore. By the end, you'll know exactly why your Web Vitals score is probably wrong — and what to do about it.

#WebVitals #CoreWebVitals #LCP #CLS #FID #INP #RUM #CrUX #PerformanceMonitoring #Lighthouse #WebPerformance #Frontend #RealUserMonitoring #Technology #FexingoBusiness #BusinessPodcast #WebDev #PerformanceOptimization

Keep every episode free: buymeacoffee.com/fexingo

Episode 38 of The Web Development Podcast with Fexingo. Lucas and Luna dig into a specific performance problem that plagues countless web apps: the seemingly trivial dropdown menu that lags by 200 milliseconds. They trace the root cause through re-renders, layout thrashing, and event delegation gone wrong, then walk through a practical fix using passive event listeners and CSS containment. Along the way, they talk about how Google's Core Web Vitals flags interaction delays like this, and why a seemingly small 200ms lag can slash conversion rates by up to 10 percent. If you've ever clicked a dropdown and felt that half-beat delay before the options appear, this episode explains exactly what's happening under the hood — and how to fix it with fewer than 20 lines of code. No fluff, just a focused case study on one of the web's most common UX speed bumps.

#DropdownMenu #WebPerformance #CoreWebVitals #InteractionDelay #LayoutThrashing #EventDelegation #PassiveEventListeners #CSSContainment #WebDevelopment #Frontend #UX #ConversionRate #JavaScript #React #PerformanceOptimization #LucasAndLuna #FexingoBusiness #BusinessPodcast

Keep every episode free: buymeacoffee.com/fexingo

Lucas and Luna reveal how misconfigured source maps in production builds leak internal code paths, API endpoints, and even credentials to anyone who opens browser dev tools. They walk through a real incident where a major e-commerce site exposed its entire internal admin panel structure via a .map file served from their CDN. The episode covers how to audit your own source map exposure, the difference between hidden-source-map and nosources-source-map, and why Webpack's default settings are dangerously permissive. You'll learn a single-line config change that stops the leak cold, plus how to verify the fix with curl. No scaremongering — just concrete steps to lock down what should never leave your build server.

#Webpack #SourceMaps #WebSecurity #Frontend #JavaScript #DevTools #ProductionSecurity #WebpackConfig #HiddenSourceMap #NosourcesSourceMap #CDNLeak #CodeExposure #SecurityAudit #Technology #FexingoBusiness #BusinessPodcast #WebDevPodcast #FexingoTech

Keep every episode free: buymeacoffee.com/fexingo

Episode 36 of The Web Development Podcast with Fexingo. Lucas and Luna dive into the hidden costs of accessibility overlays — third-party widgets that claim to fix web accessibility with one line of JavaScript. They break down a real-world case: an e-commerce site that added an overlay and saw its Lighthouse accessibility score drop by 15 points, while screen reader users reported broken navigation and infinite loops. Lucas explains why overlays fail the WCAG success criteria they promise to meet, and Luna shares data from the WebAIM Million report showing that overlay users often face more barriers than before. They discuss better alternatives: semantic HTML, proper ARIA attributes, and manual testing with real assistive technology. No ad breaks, just honest technical discussion.

#WebDevelopment #Accessibility #A11y #Overlays #WCAG #ScreenReaders #Lighthouse #WebAIM #SemanticHTML #ARIA #InclusiveDesign #UserExperience #Technology #Frontend #FexingoBusiness #BusinessPodcast #WebDev #NoAds

Keep every episode free: buymeacoffee.com/fexingo

Lucas and Luna break down a common performance trap in React applications: excessive re-renders on initial page load. They trace the problem from a developer's console warning about 22 renders in under two seconds to the root cause — misuse of useEffect and stale closure patterns. Using a concrete example of a dashboard app fetching three unrelated API endpoints, they show how improper state batching and missing dependency arrays cause cascading re-renders that bloat render time from 200 milliseconds to nearly four seconds. The episode walks through React 18's automatic batching, the difference between urgent and non-urgent updates, and a practical migration path from useEffect to useSyncExternalStore for data subscriptions. Lucas references a real-world case where a SaaS team cut initial render count from 37 to 4 by splitting one component into three micro-components and switching to React Query for caching. Luna adds a note on React DevTools profiler output and how to interpret the flame graph's 'why did this render' tags. The conversation ends with a forward-looking note on React Forget, the compiler that aims to automate memoization in React 19.

#React #ReactPerformance #ReRenders #useEffect #React18 #React19 #ReactForget #useSyncExternalStore #WebPerformance #Frontend #JavaScript #ReactDevTools #StateBatching #StaleClosures #ReactQuery #Memoization #FexingoBusiness #BusinessPodcast

Keep every episode free: buymeacoffee.com/fexingo

Episode 34 of The Web Development Podcast with Fexingo dives into a subtle but costly performance trap in monorepo setups: NPM workspaces' dependency hoisting logic that silently duplicates installs across CI cache layers. Lucas breaks down a real-world case where a 15-package monorepo's CI pipeline took 11 minutes per build—almost double what it should be—because npm's hoisting algorithm didn't play well with GitHub Actions' cache keys. He walks through the exact `npm ls` commands to detect the duplication, explains why pnpm's content-addressable store avoids the problem entirely, and shares a minimal `node_modules` traversal script to validate your own hoisting. Luna pushes back on whether the switch to pnpm is worth the migration cost, and Lucas offers a pragmatic middle path: pinning cache keys to the lockfile hash and using `--install-strategy=nested` to force local installations. The episode ends with a concrete checklist for any team running a monorepo on NPM today.

#Monorepo #NPMWorkspaces #CIPipeline #DependencyHoisting #GitHubActions #CacheKeys #Pnpm #NodeModules #npmLs #Lockfile #InstallStrategy #BuildPerformance #DevOps #WebDev #Technology #FexingoBusiness #BusinessPodcast #WebDevelopmentPodcast

Keep every episode free: buymeacoffee.com/fexingo

On this episode of The Web Development Podcast, Lucas and Luna dig into a counterintuitive database performance trap: the index that looks helpful on paper but quietly degrades your write throughput and even some reads. Lucas walks through a real-world case from a mid-size e-commerce platform where adding a composite index on order status and created_at made the nightly batch job run 40 percent slower. They explain how B-tree depth, index selectivity, and write amplification interact, and why a multi-column index that seems perfect for a query can actually force the database to scan more pages than a full table scan. Luna shares a story about a PostgreSQL query planner choosing a bitmap scan over a perfectly good single-column index because the statistics were stale — and what the team did to fix it. They also cover practical tips for monitoring index bloat, using pg_stat_user_indexes, and knowing when to drop an index entirely. If you've ever added an index and seen no improvement, or worse, a regression, this episode is for you.

#DatabasePerformance #PostgreSQL #Indexing #QueryOptimization #WebDev #Technology #FexingoBusiness #BusinessPodcast #Backend #SQL #BTree #WriteAmplification #IndexBloat #pgStatUserIndexes #CompositeIndex #BitmapScan #EcommerceBackend #DatabaseTuning

Keep every episode free: buymeacoffee.com/fexingo