Загрузка видео...

Не удалось загрузить видео

На главную

Clicking a link in a single-page app doesn't trigger a full page load. That's why it's tricky to measure. Chrome DevTools now analyzes these soft navigations in Performance Insights, alongside Live Metrics and trace views →

ChromiumDev's profile picture

Chrome for Developers

425,909 subscribers

15,094 просмотров • 8 дней назад •via X (Twitter)

Наука и технологии
LIVE

Anya Rossi• Live Now

Private livecam show

Комментарии: 1

Фото профиля Web制作出身のAI・Webアプリ開発者
Web制作出身のAI・Webアプリ開発者7 дней назад

SPAはフルロードの数字だけ追っていると、ユーザーが感じる画面遷移の待ち時間を見落としやすいですよね。soft navigationをトレースで前後の処理と一緒に見られると、どこで詰まるか切り分けやすそうです。

Похожие видео

Introducing developer mode for browser use in Chrome and the Codex in-app browser. Codex can use the Chrome DevTools Protocol (CDP) to debug browser issues by profiling JavaScript performance and inspecting console output, network traffic, and page state.
1:27

Introducing developer mode for browser use in Chrome and the Codex in-app browser. Codex can use the Chrome DevTools Protocol (CDP) to debug browser issues by profiling JavaScript performance and inspecting console output, network traffic, and page state.

OpenAI Developers

378,245 просмотров • 4 месяцев назад

Chrome DevTools now supports *individual* network request throttling! Folks have been asking for this for years! DevTools now allows developers to simulate slow network conditions for specific requests rather than the entire page. This helps in testing how a web application performs and handles issues when specific resources (like images, scripts, or API calls) are slow to load.
0:22

Chrome DevTools now supports *individual* network request throttling! Folks have been asking for this for years! DevTools now allows developers to simulate slow network conditions for specific requests rather than the entire page. This helps in testing how a web application performs and handles issues when specific resources (like images, scripts, or API calls) are slow to load.

Addy Osmani

281,833 просмотров • 9 месяцев назад

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,491 просмотров • 1 год назад

New in Chrome DevTools: Annotate performance findings with Gemini! You can now ask Gemini to explain performance traces. Specifically you can generate annotations about events in the performance trace. This is a total game-changer. Double-click an event in the Main track, then click Generate label next to the input field. Gemini can suggest a label based on the stack trace and context. Try it out and let us know what you think!
0:28

New in Chrome DevTools: Annotate performance findings with Gemini! You can now ask Gemini to explain performance traces. Specifically you can generate annotations about events in the performance trace. This is a total game-changer. Double-click an event in the Main track, then click Generate label next to the input field. Gemini can suggest a label based on the stack trace and context. Try it out and let us know what you think!

Addy Osmani

88,311 просмотров • 1 год назад

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 год назад

You ship a useful app. Then nobody can find it, not on Google and not in AI search. That's why I built UsefulShelf: a jev reviewed directory where every app gets its own page with clear details, structured data and a direct link to your site. Free to list. Link below.
0:48

You ship a useful app. Then nobody can find it, not on Google and not in AI search. That's why I built UsefulShelf: a jev reviewed directory where every app gets its own page with clear details, structured data and a direct link to your site. Free to list. Link below.

Kartik

13,280 просмотров • 1 месяц назад

Just published a command that lets you inspect Safari websites / WebViews with Chrome DevTools in a single command: ~ / npx inspect-webkit
0:41

Just published a command that lets you inspect Safari websites / WebViews with Chrome DevTools in a single command: ~ / npx inspect-webkit

Evan Bacon 🥓

17,816 просмотров • 5 месяцев назад

✨ Every idea on now also generates an app because just a landing page isn't enough of course In the fake Chrome browser you can switch [ Landing | App ] And download both mock ups to build it further
0:21

✨ Every idea on now also generates an app because just a landing page isn't enough of course In the fake Chrome browser you can switch [ Landing | App ] And download both mock ups to build it further

@levelsio

388,758 просмотров • 7 месяцев назад

"Cozy Builder" Steam store page now available. It's a relaxing sandbox builder where you can design and live in your dream château in a sunlit vineyard valley.
0:42

"Cozy Builder" Steam store page now available. It's a relaxing sandbox builder where you can design and live in your dream château in a sunlit vineyard valley.

Pirat_Nation 🔴

14,627 просмотров • 10 месяцев назад

your IG/tiktok bio might be KILLING your downloads. recently i noticed my app store link was dying inside instagram's in-app browser. tap, blank page, no store. pure silent leak lol the fix: → make a /download page on your site → detect: iPhone → AppStore, Android → Play. → that link goes in your bios, never the raw store link now people get a clear direction to download your app instead of a dead page.
0:29

your IG/tiktok bio might be KILLING your downloads. recently i noticed my app store link was dying inside instagram's in-app browser. tap, blank page, no store. pure silent leak lol the fix: → make a /download page on your site → detect: iPhone → AppStore, Android → Play. → that link goes in your bios, never the raw store link now people get a clear direction to download your app instead of a dead page.

⌭ ROSS

15,349 просмотров • 2 месяцев назад

I'm sorry, 8.6M views with zero videos filmed?? 🤯 That's what this guy's team did on one TikTok page using only slideshows, with no creators and no ad money behind it. The whole page runs on AI agents, and honestly it's a pretty simple loop. → Pull every slideshow from the biggest page in your niche, with the views and saves → An AI agent finds the 3 formats getting most of the views → Claude makes 120 slideshows with Higgsfield photos, your app on the last slide → Approve once and Postiz schedules two months of posts → Every Monday the winners get a part 2 5M views is probably worth $2,000 to $5,000 in app revenue, so a page like this can pay for itself without spending a dollar on ads. If you have an app and no content plan, read this one.
0:22

I'm sorry, 8.6M views with zero videos filmed?? 🤯 That's what this guy's team did on one TikTok page using only slideshows, with no creators and no ad money behind it. The whole page runs on AI agents, and honestly it's a pretty simple loop. → Pull every slideshow from the biggest page in your niche, with the views and saves → An AI agent finds the 3 formats getting most of the views → Claude makes 120 slideshows with Higgsfield photos, your app on the last slide → Approve once and Postiz schedules two months of posts → Every Monday the winners get a part 2 5M views is probably worth $2,000 to $5,000 in app revenue, so a page like this can pay for itself without spending a dollar on ads. If you have an app and no content plan, read this one.

Prajwal Tomar

12,321 просмотров • 9 дней назад

Project #2: LLM Visualization So I created a web-page to visualize a small LLM, of the sort that's behind ChatGPT. Rendered in 3D, it shows all the steps to run a single token inference. (link in bio)
0:23

Project #2: LLM Visualization So I created a web-page to visualize a small LLM, of the sort that's behind ChatGPT. Rendered in 3D, it shows all the steps to run a single token inference. (link in bio)

Brendan Bycroft

1,203,476 просмотров • 2 лет назад

Announcing our public preview of Chrome DevTools MCP! Experience the full power of DevTools in your AI coding agent → With Chrome DevTools MCP, your AI agent can run performance traces, inspect the DOM, & perform real-time debugging of your web pages.
0:32

Announcing our public preview of Chrome DevTools MCP! Experience the full power of DevTools in your AI coding agent → With Chrome DevTools MCP, your AI agent can run performance traces, inspect the DOM, & perform real-time debugging of your web pages.

Chrome for Developers

1,043,613 просмотров • 1 год назад

Elliot Page Delivers a Powerful Performance in Scarpecs
0:31

Elliot Page Delivers a Powerful Performance in Scarpecs

HoySeBebe

30,487 просмотров • 5 месяцев назад

I created a small tool to automatically set breakpoints in Chrome using the CDP (Chrome DevTools Protocol). It’s still in beta, but I’m actively working on a complete version..
0:46

I created a small tool to automatically set breakpoints in Chrome using the CDP (Chrome DevTools Protocol). It’s still in beta, but I’m actively working on a complete version..

m4ll0k

12,172 просмотров • 1 год назад

“This is a delicious looking card… I know we aren’t supposed to eat these but.” Go check out the full 2025 Topps Chrome Football rip on PFT Commenter page now!
1:32

“This is a delicious looking card… I know we aren’t supposed to eat these but.” Go check out the full 2025 Topps Chrome Football rip on PFT Commenter page now!

Barstool Breaks

70,638 просмотров • 6 месяцев назад

A web app can throw 100+ background requests into a hacker's proxy from a single page load. With Navigation Highlighter, you spot page loads instantly. Less time digging through traffic. More time finding bugs. credit: Justin Gardner
0:40

A web app can throw 100+ background requests into a hacker's proxy from a single page load. With Navigation Highlighter, you spot page loads instantly. Less time digging through traffic. More time finding bugs. credit: Justin Gardner

Bug Bounty Village

13,192 просмотров • 4 месяцев назад

In this video, we answer your frequently asked questions. Why did we create a campaign page? Why don't we link directly to the official EU ECI page? Why did we want to reach 100,000 signatures first, and why is the Save Europe Act more than just a petition? If you have more questions, please leave them in the comments, and Eva Vlaardingerbroek and Martin Sellner will answer them in an upcoming live stream!
9:24

In this video, we answer your frequently asked questions. Why did we create a campaign page? Why don't we link directly to the official EU ECI page? Why did we want to reach 100,000 signatures first, and why is the Save Europe Act more than just a petition? If you have more questions, please leave them in the comments, and Eva Vlaardingerbroek and Martin Sellner will answer them in an upcoming live stream!

Save Europe Act

66,715 просмотров • 5 месяцев назад

It's official announce trailer time! Miniopolis is a new minimal city builder where you create buildings and cities using voxel-like tools. A demo is coming in the next few weeks, and the Steam page is live! Wishlist it now (link in replies).
1:29

It's official announce trailer time! Miniopolis is a new minimal city builder where you create buildings and cities using voxel-like tools. A demo is coming in the next few weeks, and the Steam page is live! Wishlist it now (link in replies).

Radiangames

41,278 просмотров • 1 месяц назад