正在加载视频...

视频加载失败

返回首页

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 次观看 • 1 年前 •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 条评论

暂无评论

原始帖子的评论将显示在这里

相关视频

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,911 次观看 • 1 年前

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,584 次观看 • 5 个月前

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,797 次观看 • 2 年前

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 次观看 • 1 年前

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,936 次观看 • 1 年前

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 次观看 • 6 个月前

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 次观看 • 1 年前

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 次观看 • 8 个月前

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 次观看 • 6 个月前

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 次观看 • 1 年前

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 次观看 • 9 个月前

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

639,528 次观看 • 3 个月前

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

99,425 次观看 • 1 个月前

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,873 次观看 • 2 年前

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,357 次观看 • 11 个月前

Scientists just discovered a mushroom can actually help grow your brain. Lion mane is Nobel prize winning discovery — helping your brain survive, repair, and communicate. Here's everything you need to know (& how to use it):
0:54

Scientists just discovered a mushroom can actually help grow your brain. Lion mane is Nobel prize winning discovery — helping your brain survive, repair, and communicate. Here's everything you need to know (& how to use it):

Dr. Biohacker

53,030 次观看 • 1 个月前

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,756 次观看 • 1 年前

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 次观看 • 8 个月前

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,594 次观看 • 1 年前

Quit calling this a "false" step. I challenge all of you coaches to use your brain and THINK of why this is happening. It's okay to say you don't understand. Here's why it's happening: Coach Hawkins
1:08

Quit calling this a "false" step. I challenge all of you coaches to use your brain and THINK of why this is happening. It's okay to say you don't understand. Here's why it's happening: Coach Hawkins

Cody Hughes

68,928 次观看 • 2 年前