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 example involving a React-based e-commerce site that unnecessarily served 1080p images to mobile users and gzip to clients that support Brotli. The hosts also cover how proper content negotiation ties into server configuration, CDN caching, and even SEO. If your Lighthouse score seems fine but users still complain about load times, this episode might point to the culprit you've been overlooking.

#ContentNegotiation #HTTPHeaders #WebPerformance #Accessibility #ReactApp #Ecommerce #ImageOptimization #Brotli #Gzip #VaryHeader #CDNCaching #ServerConfiguration #SEO #MobilePerformance #Technology #WebDev #FexingoBusiness #BusinessPodcast

Keep every episode free: buymeacoffee.com/fexingo

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-world data on how font loading affects metrics like Largest Contentful Paint (LCP) and Cumulative Layout Shift (CLS). They discuss the trade-offs between using system fonts, self-hosting, and Google Fonts, and walk through a concrete example of a news site that cut its font-related LCP by 40% using font-display: optional and sub-setting. If you've ever seen a flash of invisible text or a layout shift after fonts load, this episode is for you.

#WebPerformance #FontLoading #LCP #CLS #WebDevelopment #CSS #GoogleFonts #SelfHosting #FontDisplay #PerformanceOptimization #Technology #Frontend #WebDevPodcast #FexingoBusiness #BusinessPodcast #Podcast #WebDev #PageSpeed

Keep every episode free: buymeacoffee.com/fexingo

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 overused. They discuss Chrome DevTools profiling, the `will-change` property, and when to use `opacity` and `transform` for smooth 60fps animations. The episode includes a practical checklist for debugging janky animations and a brief, sincere mention of listener support that keeps the show ad-free.

#CSSAnimations #WebPerformance #Frontend #JavaScript #GPGPU #LayoutThrashing #Compositing #ChromeDevTools #WillChange #Transform #Opacity #60fps #AnimationPerformance #WebDev #Technology #FexingoBusiness #BusinessPodcast #Fexingo

Keep every episode free: buymeacoffee.com/fexingo

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 #VariableFonts #FontDisplay #Lighthouse #PerformanceOptimization #Frontend #WebDev #Technology #FexingoBusiness #BusinessPodcast #LucasAndLuna #PageSpeed #CSS #GoogleFonts #SelfHostedFonts #FOUT

Keep every episode free: buymeacoffee.com/fexingo

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 share concrete workarounds: feature detection with `@supports`, avoiding `-webkit` prefixes that mask real bugs, and testing with Safari Technology Preview. This episode is a practical survival guide for anyone shipping web apps to iPhone and Mac users without losing their sanity.

#SafariBugs #WebCompatibility #BrowserQuirks #CSS #JavaScript #FeatureDetection #WebDevelopment #Frontend #Apple #WebKit #PositionSticky #HasSelector #TabCrash #SafariTechnologyPreview #Technology #FexingoBusiness #BusinessPodcast #TheWebDevelopmentPodcast

Keep every episode free: buymeacoffee.com/fexingo

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 through code examples using the Network tab, explain how subresource integrity (SRI) fails when scripts are dynamically appended, and demonstrate a fix using Content Security Policy (CSP) with script-src and nonce. The episode also covers how to audit existing dependencies with tools like Lighthouse and Sentry. No alarmism—just practical steps to protect users. If today's tech conversation gave you something usable, consider supporting the show at buy me a coffee dot com slash fexingo.

#ThirdPartyScripts #DataLeak #WebSecurity #ContentSecurityPolicy #SubresourceIntegrity #CSP #SRI #Privacy #JavaScript #WebDev #Frontend #Performance #Audit #Lighthouse #Sentry #Technology #FexingoBusiness #BusinessPodcast

Keep every episode free: buymeacoffee.com/fexingo

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. If you've ever chased a green Lighthouse badge only to wonder why your site still drags, this episode is your reality check.

#Lighthouse #WebPerformance #CoreWebVitals #PerformanceAuditing #LabVsField #Frontend #WebDev #Tech #FexingoBusiness #BusinessPodcast #WebDevelopmentPodcastWithFexingo #LucasAndLuna #PerformanceScore #WebPageTest #CrUX #SiteSpeed #SEO #DeveloperTools

Keep every episode free: buymeacoffee.com/fexingo

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