> Markdown version of [/videos/2130-wearedevelopers-live-web-performance-in-an-ai-world](https://www.wearedevelopers.com/videos/2130-wearedevelopers-live-web-performance-in-an-ai-world). Every page supports `.md` or `Accept: text/markdown`. Links point to the HTML versions so they work for humans too. Agent guide: [/agents.md](https://www.wearedevelopers.com/agents.md).

---

# WeAreDevelopers LIVE - Web Performance in an AI World

AI generates code rapidly. But who fixes the inevitable performance bugs? Matt Zeuner reveals how to use new Chrome DevTools features to rescue your Core Web Vitals.

- **Speakers:** [Chris Heilmann](https://www.wearedevelopers.com/@chris-heilmann), [Daniel Cranney](https://www.wearedevelopers.com/@daniel-cranney)
- **Event:** WeAreDevelopers LIVE
- **Published:** July 15, 2026
- **Duration:** 1:07:59
- **URL:** https://www.wearedevelopers.com/videos/2130-wearedevelopers-live-web-performance-in-an-ai-world

## Summary

The rise of AI-generated content and "vibe coding" is radically shifting the development landscape, presenting new challenges around code comprehension, social media fatigue, and supply chain security. While large language models can rapidly prototype or automate tedious frontend tasks, depending entirely on generated code without understanding foundational architecture introduces severe risks. Developers are transitioning from pure coders to reviewers, making it more critical than ever to grasp core programming principles, systemic memory impacts, and backward compatibility to prevent unvetted logic from reaching production environments.

Despite the influx of automated coding workflows, meticulous web performance optimization remains an indispensable skill, particularly as bloated single-page applications and third-party tag managers degrade user experiences. Debugbear founder Matt Zeuner highlights how modern web metrics, such as Core Web Vitals, require deep forensic analysis when JavaScript invisibly blocks rendering. Addressing this, new Chrome DevTools features—like granular request-level network throttling and URL pattern overrides—allow teams to isolate individual network calls. These integrations empower developers and marketing teams alike to isolate whether an A/B testing script or a fallback font is causing detrimental shifts in Largest Contentful Paint (LCP) and First Contentful Paint (FCP).

Navigating the modern web necessitates a balance between utilizing rapid deployment pipelines and maintaining rigorous manual testing practices. Whether circumventing cloud token limits by running local AI models, leveraging specialized tools like Cloudflare Drop for deployments, or untangling historically cursed CSS and JavaScript bugs, technical context is everything. As AI agents become the primary consumers of web data—often resulting in heightened bot traffic and fingerprinting complexities—the imperative shifts back to optimizing for human experiences while ensuring site resiliency against automated scraping and unoptimized third-party execution.

**Keywords:** web performance optimization, AI-generated code debugging, vibe coding, supply chain security, chrome devtools throttling, core web vitals, render-blocking JS, LCP optimization, browser fingerprinting, bot traffic detection, AI web scraping, third-party script impact, single-page application performance, frontend rendering bottlenecks, local overrides testing

## Chapters

1. **Optimizing website performance for marketing and e-commerce teams** (02:32) — Improving page speed directly benefits marketing campaigns and online conversion rates.
1. **Experiencing fatigue from automated social media content generation** (06:23) — The rise of AI-generated content creates unauthentic and repetitive social media interactions.
1. **Navigating the necessity of learning code in AI environments** (12:14) — Relying on generated code shifts developer skills toward architectural understanding and code review.
1. **Bypassing safeguards and running local artificial intelligence models** (20:13) — Developers use social engineering tactics and local models to avoid cloud token costs and safeguards.
1. **Documenting historical mistakes in CSS and core browser APIs** (24:40) — Sharing cursed knowledge about broken web standards helps browser makers and developers fix long-standing issues.
1. **Discovering operating systems via float precision and unusual bugs** (30:07) — Unintended calculations and edge cases like device hand placement expose hidden information and usability issues.
1. **Navigating the abuse of free deployment and developer tools** (33:27) — Offering free hosting tools often attracts malicious activities like cryptocurrency mining through nested iframes.
1. **Reducing friction by offering browser tools without mandatory signups** (36:28) — Open-source developer tools that eliminate account registration remove access barriers and improve daily workflows.
1. **Tracing automated bot behavior and traffic on production websites** (38:34) — Uncovering which resources bots access helps site owners manage resource consumption and optimize content parsing.
1. **Playing technology trivia regarding recent artificial intelligence news** (41:25) — Assessing the validity of bizarre technological events highlights the unpredictable nature of the current industry.
1. **Evaluating the performance impact of analytics and developer convenience** (51:27) — Excessive use of tag managers and complex development setups significantly degrades end-user application performance.
1. **Throttling specific network requests in Chrome developer tools** (53:58) — Granular network request throttling allows developers to isolate and debug specific performance bottlenecks effectively.
1. **Automating performance testing to uncover invisible rendering delays** (57:35) — Simulating throttled network calls helps pinpoint background scripts that silently block primary content rendering.
1. **Integrating artificial intelligence agents into web performance optimization** (64:27) — Automated agents analyzing and applying performance fixes represent the next step in modern website maintenance.

## Related Moments

- [Assessing the future of AI in web performance optimization](https://www.wearedevelopers.com/videos/1771-ai-is-an-electric-bike-for-the-brain-stoyan-stefanov) (from "AI is an Electric Bike for the Brain - Stoyan Stefanov")
- [Integrating AI into web performance engineering workflows](https://www.wearedevelopers.com/videos/1771-ai-is-an-electric-bike-for-the-brain-stoyan-stefanov) (from "AI is an Electric Bike for the Brain - Stoyan Stefanov")
- [Shifting developer workloads and realistic AI productivity gains](https://www.wearedevelopers.com/videos/1830-wearedevelopers-live-speculaitions) (from "WeAreDevelopers LIVE - SpeculAItions")
- [Bringing JavaScript developers into web artificial intelligence](https://www.wearedevelopers.com/videos/1896-how-web-ai-can-power-the-agentic-web-jason-mayes-google) (from "How Web AI Can Power the Agentic Web - Jason Mayes (Google)")
- [Navigating web element APIs and emerging software vulnerabilities](https://www.wearedevelopers.com/videos/1362-wearedevelopers-live-our-world-congress-2025-code100-highlights-with-jack-barber-and-marco-podien) (from "WeAreDevelopers LIVE - Our World Congress 2025 & CODE100 Highlights with Jack Barber and Marco Podien")
- [Impact of current generative AI tools on developer velocity](https://www.wearedevelopers.com/videos/1107-the-future-of-developer-experience-with-genai-driving-engineering-excellence) (from "The Future of Developer Experience with GenAI: Driving Engineering Excellence")

## Related Articles

- [Exploring AI: Opportunities and Risks for Developers](https://www.wearedevelopers.com/magazine/522-exploring-ai-opportunities-and-risks-for-developers)
- [Dev Digest 120 - Apple and peers](https://www.wearedevelopers.com/magazine/455-dev-digest-120-apple-and-peers)
- [Dev Digest 132 - Binging WADFlix?](https://www.wearedevelopers.com/magazine/473-dev-digest-132-binging-wadflix)
- [Dev Digest 116 - WWWAI?](https://www.wearedevelopers.com/magazine/449-dev-digest-116-wwwai)

## Related Jobs

- [AI Software Engineer (Germany)](https://www.wearedevelopers.com/jobs/48317-ai-software-engineer-germany) at **Sunhat**
- [Staff Software Engineer, Copilot Experiences](https://www.wearedevelopers.com/jobs/ext/164361-staff-software-engineer-copilot-experiences) at **GitHub**
- [Senior Engineer, Infrastructure Platform](https://www.wearedevelopers.com/jobs/ext/328836-senior-engineer-infrastructure-platform) at **Intercom, Inc.**
- [AI Full Stack Engineer](https://www.wearedevelopers.com/jobs/ext/1354435-ai-full-stack-engineer) at **Almedia**
- [Staff Developer Advocate, GitHub Security Lab](https://www.wearedevelopers.com/jobs/ext/1921051-staff-developer-advocate-github-security-lab) at **GitHub**
- [Principal Software Engineer, Enterprise AI Platform](https://www.wearedevelopers.com/jobs/ext/1467292-principal-software-engineer-enterprise-ai-platform) at **GitHub**