Loading video...

Video Failed to Load

Go Home

Serving your CSS/JS from a different subdomain (assets.mydomain...) than your document (www.mydomain...) is costing you 100+ milliseconds on your LCP for no good reason. Here's how to use DevTools to inspect and repro this, and why you need to use chrome://net-internals:

nateberkopec's profile picture

Nate Berkopec

27,215 subscribers

10,298 views • 1 year ago •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

New in Chrome DevTools: Gemini can modify and save CSS changes directly to your source! Tired of manually copying CSS changes from DevTools back to your editor? Gemini to the rescue! You can now ask Gemini in the AI Assistance panel to: ✨ Modify and fix CSS within the Elements panel. 🧪 Instantly test changes live. 💾 Save those changes back to your source files on your computer with a connected workspace folder. This is a game-changer for rapid iteration.
0:33

New in Chrome DevTools: Gemini can modify and save CSS changes directly to your source! Tired of manually copying CSS changes from DevTools back to your editor? Gemini to the rescue! You can now ask Gemini in the AI Assistance panel to: ✨ Modify and fix CSS within the Elements panel. 🧪 Instantly test changes live. 💾 Save those changes back to your source files on your computer with a connected workspace folder. This is a game-changer for rapid iteration.

Addy Osmani

36,854 views • 1 year ago

This is it. Clawdbot has gone viral and for good reason. Here's a full explanation of what it is, how to use it, and yes, even its shortcomings. You need to watch this.
21:11

This is it. Clawdbot has gone viral and for good reason. Here's a full explanation of what it is, how to use it, and yes, even its shortcomings. You need to watch this.

Matthew Berman

427,327 views • 4 months ago

Calculating your net worth is easier than you think. Watch this helpful video to find out how to do it! If you have questions about calculating your net worth or how to use this information, book an appointment to speak with a TD advisor.
0:52

Calculating your net worth is easier than you think. Watch this helpful video to find out how to do it! If you have questions about calculating your net worth or how to use this information, book an appointment to speak with a TD advisor.

TD (Canada)

42,510 views • 2 years ago

Want some help understanding all requests related to your website? Chrome DevTools AI assistance for network helps you analyze page load and inspect network resources. Learn more here →
0:26

Want some help understanding all requests related to your website? Chrome DevTools AI assistance for network helps you analyze page load and inspect network resources. Learn more here →

Chrome for Developers

20,905 views • 1 year ago

Wow OpenAI just launched SearchGPT and it's totally ended Google and Perplexity No reason to use any other search engine now Here's your full walkthrough, how to use SearchGPT best, and a full comparison with other tools (trust me you want to bookmark this one)
7:54

Wow OpenAI just launched SearchGPT and it's totally ended Google and Perplexity No reason to use any other search engine now Here's your full walkthrough, how to use SearchGPT best, and a full comparison with other tools (trust me you want to bookmark this one)

Alex Finn

270,907 views • 1 year ago

Everyone tells you to leave your ego behind. EGO is a super power. Here's Tate explaining how you can use it to your advantage:
0:59

Everyone tells you to leave your ego behind. EGO is a super power. Here's Tate explaining how you can use it to your advantage:

senti

19,641 views • 5 months ago

Chrome has received a massive AI update Gemini in Chrome can see your screen live and interact with you to explain things. Discussion is extremely natural and is a game-changer for learning. Here's how to access it: 1. Use a Gemini Pro/Ultra account 2. Log in to this account on Chrome 3. The icon should appear in the top right-hand corner 4. Click on it or use the shortcut Alt+G At the end of your conversation, the entire transcript is available: It's easy to find information in the future!
3:47

Chrome has received a massive AI update Gemini in Chrome can see your screen live and interact with you to explain things. Discussion is extremely natural and is a game-changer for learning. Here's how to access it: 1. Use a Gemini Pro/Ultra account 2. Log in to this account on Chrome 3. The icon should appear in the top right-hand corner 4. Click on it or use the shortcut Alt+G At the end of your conversation, the entire transcript is available: It's easy to find information in the future!

Paul Couvert

277,519 views • 1 year ago

Don't let a broken form frustrate users 😠 Here's how to use Chrome DevTools MCP to let your coding agent solve the problem → ➡️Let it use your local dev server ✍️Auto test w/ dummy data 🖥️cRead the console output & network log to find the server error
0:23

Don't let a broken form frustrate users 😠 Here's how to use Chrome DevTools MCP to let your coding agent solve the problem → ➡️Let it use your local dev server ✍️Auto test w/ dummy data 🖥️cRead the console output & network log to find the server error

Chrome for Developers

17,813 views • 7 months ago

Connect your agents directly to Chrome DevTools. 🛠️ The new Chrome DevTools MCP server allows agents to inspect the DOM and debug console errors in real-time using Gemini CLI or any compatible agent. Check out the documentation on GitHub →
1:01

Connect your agents directly to Chrome DevTools. 🛠️ The new Chrome DevTools MCP server allows agents to inspect the DOM and debug console errors in real-time using Gemini CLI or any compatible agent. Check out the documentation on GitHub →

Google for Developers

22,793 views • 5 months ago

If you can’t hold your breath from A to B, you’re cooked 🫵 This is why you need to train to hold your breath longer (and how to train it safely)👇
0:36

If you can’t hold your breath from A to B, you’re cooked 🫵 This is why you need to train to hold your breath longer (and how to train it safely)👇

HYDRAGUN

18,481 views • 1 year ago

How to add Chrome DevTools MCP to Claude Code (Bookmark this post to follow the setup later) This lets Claude debug your web apps in a real browser... performance traces, network inspection, console errors. Requirements: - Node.js 22+ - Chrome browser In the video below I show you: - How to install the MCP server - How to verify the DevTools tools are available - How to use it with a real performance trace
1:01

How to add Chrome DevTools MCP to Claude Code (Bookmark this post to follow the setup later) This lets Claude debug your web apps in a real browser... performance traces, network inspection, console errors. Requirements: - Node.js 22+ - Chrome browser In the video below I show you: - How to install the MCP server - How to verify the DevTools tools are available - How to use it with a real performance trace

Daniel San

52,294 views • 8 months ago

this is insane. just toggle this button and any coding agent can use your browser > no more Chrome extensions > One button, connect Claude Code to your browser all you need is the right harness... try it with the Browser Use CLI right now!
0:32

this is insane. just toggle this button and any coding agent can use your browser > no more Chrome extensions > One button, connect Claude Code to your browser all you need is the right harness... try it with the Browser Use CLI right now!

shawn

638,666 views • 3 months ago

Tristan Tate: “Crypto exchanges are becoming like banks.” “They can ask you questions on why you need to withdraw and use your crypto for…” 😳 “Your crypto is much SAFER in a cold wallet.”
2:30

Tristan Tate: “Crypto exchanges are becoming like banks.” “They can ask you questions on why you need to withdraw and use your crypto for…” 😳 “Your crypto is much SAFER in a cold wallet.”

Top Striker

98,858 views • 26 days ago

HOW 'THEY' USE YOUR OWN ENERGY AGAINST YOU (AND YOU DON'T EVEN NOTICE) Everything is energy. From childhood to adulthood, your subconscious has been hijacked by them, shaping your reality for their gain. But the truth is, you can take back control. In this eye-opening video, we’ll uncover the hidden tactics used to manipulate your subconscious mind and keep you in a state of compliance. Discover how your subconscious is programmed from a young age, the tools they use daily to control you, and, most importantly, how you can break free. Watch now and take back control of your reality. Jim_Crenshaw
37:40

HOW 'THEY' USE YOUR OWN ENERGY AGAINST YOU (AND YOU DON'T EVEN NOTICE) Everything is energy. From childhood to adulthood, your subconscious has been hijacked by them, shaping your reality for their gain. But the truth is, you can take back control. In this eye-opening video, we’ll uncover the hidden tactics used to manipulate your subconscious mind and keep you in a state of compliance. Discover how your subconscious is programmed from a young age, the tools they use daily to control you, and, most importantly, how you can break free. Watch now and take back control of your reality. Jim_Crenshaw

Jasper Truth 🇺🇸

35,063 views • 1 year ago

This is the reason why you need to take pens 🖊️ with you and not use their pencils ✏️
0:27

This is the reason why you need to take pens 🖊️ with you and not use their pencils ✏️

𝓑𝓑𝓵𝓾𝓮𝓼 🇬🇧

210,833 views • 2 years ago

Good Governance 101: Here's one way you can get in-volved and put your powers to good use. #GentlemanOfThePress
1:46

Good Governance 101: Here's one way you can get in-volved and put your powers to good use. #GentlemanOfThePress

Kayode Okikiolu

79,587 views • 1 year ago

We built Clearspace for one reason: You should define the criteria for how you use your phone, not big tech. This is the fix to your screen time problem.
0:50

We built Clearspace for one reason: You should define the criteria for how you use your phone, not big tech. This is the fix to your screen time problem.

Royce Branning

18,324 views • 10 months ago

Still uploading your ID across every app is Web2 behavior. idOS fixes this with self-custodial identity you verify once and use anywhere. → Own your data → Revoke access anytime → Skip the KYC loop for good Here's everything you need to know ⤸
0:46

Still uploading your ID across every app is Web2 behavior. idOS fixes this with self-custodial identity you verify once and use anywhere. → Own your data → Revoke access anytime → Skip the KYC loop for good Here's everything you need to know ⤸

shotgun

41,803 views • 7 months ago

South Africa’s new regulations are an attack on Bitcoin. You must declare your holdings, get permission to use your crypto, and hand over your private keys on demand. Here’s everything you need to know - and how to fight back.
6:51

South Africa’s new regulations are an attack on Bitcoin. You must declare your holdings, get permission to use your crypto, and hand over your private keys on demand. Here’s everything you need to know - and how to fight back.

Cole 🇿🇦

39,717 views • 1 month ago

Here's how you can use CSS to grey out customer logos on landing pages:
0:25

Here's how you can use CSS to grey out customer logos on landing pages:

Kyrylo Silin

201,884 views • 1 year ago