{"podcast":{"title":"PodRocket","slug":"podrocket","podcast_index_feed_id":1329334,"rss_url":"https://feeds.fireside.fm/podrocket/rss","website_url":"http://podrocket.logrocket.com","image_url":"https://media24.fireside.fm/file/fireside-images-2024/podcasts/images/3/3911462c-bca2-48c2-9103-610ba304c673/cover.jpg?v=4","author":"LogRocket","episode_count":621,"summary":"PodRocket covers everything you need to know about frontend web development on a weekly basis. Join our hosts as they interview experienced developers about all the libraries, frameworks, and tech industry issues they deal with every day.","last_synced_at":null,"page_url":"https://stenobird.com/podcast/podrocket"},"episode":{"title":"Modern CSS tricks for massive performance gains with Michael Hladky","slug":"modern-css-tricks-for-massive-performance-gains-with-michael-hladky","published_at":"2026-01-22T13:00:00+00:00","page_url":"https://stenobird.com/podcast/podrocket/modern-css-tricks-for-massive-performance-gains-with-michael-hladky","show_page_url":"https://stenobird.com/podcast/podrocket","url":"http://podrocket.logrocket.com/modern-css-tricks-for-massive-performance-gains-with-michael-hladky","audio_url":"https://dts.podtrac.com/redirect.mp3/aphid.fireside.fm/d/1437767933/3911462c-bca2-48c2-9103-610ba304c673/cebd770b-27ba-46b5-9ffa-7cd726e28627.mp3","summary":"Michael Hladky joins the pod to explain how CSS performance improvements like content-visibility, CSS containment, contain layout, and contain paint can dramatically outperform JavaScript virtual scrolling. The conversation explores virtual scrolling, large DOM performance, and how layout and paint work inside the browser rendering pipeline, including recalculate styles and their impact on INP Interaction to Next Paint. Michael shares real-world examples of frontend performance optimization, discusses cross-browser CSS support including Safari content-visibility, and explains why web performance issues tied to rendering are often misunderstood and overlooked. Links LinkedIn: https://www.linkedin.com/in/michael-hladky-519340148/ GitHub: https://github.com/BioPhoton X: https://x.com/Michael_Hladky Resources Conference link: https://push-based.io/event/perfnow-2025-michael-hladky-zero-js-virtual-scrolling-css Conference resource: https://github.com/push-based/css-contain-and-content-visibility-research We want to hear from you! How did you find us? Did you see us on Twitter? In a newsletter? Or maybe we were recommended by a friend? Fill out our listener survey ! https://t.co/oKVAEXipxu Let us know by sending an email to our producer, Elizabeth, at elizabeth.becz@logrocket.com , or tweet at us at PodRocketPod . Check out our newsletter ! https://blog.logrocket.com/the-replay-newsletter/ Follow us. Get free stickers. Follow us on Apple Podcasts, fill out this form , and we’ll send you free PodRocket stickers! What does LogRocket do? LogRocket provides AI-first session replay and analytics that surfaces the UX and technical issues impacting user experiences. Start understanding where your users are struggling by trying it for free at LogRocket.com. Try LogRocket for free to…","meta_description":"Michael Hladky joins the pod to explain how CSS performance improvements like content-visibility, CSS containment, contain layout, and contain paint can d…","key_points":[],"chapters":[],"topics":[],"duration_seconds":1557,"processing_state":"processed","actions":[{"name":"request_transcript","method":"POST","url":"https://stenobird.com/v1/public/podcasts/podrocket/episodes/modern-css-tricks-for-massive-performance-gains-with-michael-hladky/transcription-requests","description":"Idempotently request low-priority transcript generation for this episode."},{"name":"read_markdown","method":"GET","url":"https://stenobird.com/podcast/podrocket/modern-css-tricks-for-massive-performance-gains-with-michael-hladky.md","description":"Read the agent-friendly Markdown representation of this episode resource."}]}}