devtools-next icon indicating copy to clipboard operation
devtools-next copied to clipboard

Open F12 and use tools ,The page is obviously stuck.

Open warmthsea opened this issue 2 years ago • 16 comments

Test content: switching pages or page interaction

  • windows 11 (RAM 32G)(multiple computers)
  • chrome: 120
  • vue: 3.4.3
  • vite: 4.5.1
  • tool: last
  • tool show active page component: 600
  • project modules: 3600

(other project test about the same ↓)( gif contrast is relatively poor)

1. F12 + tools (degree of lag:4)

screenshots

2. only F12 (degree of lag:1)

screenshots

3. only tools (degree of lag:1)

screenshots

4. none (degree of lag:0)

screenshots

warmthsea avatar Jan 30 '24 08:01 warmthsea

Seems you are also use the Vue DevTools Chrome Extensions, can you disable it and try again?

webfansplz avatar Jan 30 '24 08:01 webfansplz

5. off Chrome Extensions,F12 + tools

screenshots

6. off Chrome Extensions,F12

screenshots

warmthsea avatar Jan 30 '24 09:01 warmthsea

Nothing seems to have changed (5 ≈ 1)(6 ≈ 2)

warmthsea avatar Jan 30 '24 09:01 warmthsea

Seems you are also use the Vue DevTools Chrome Extensions, can you disable it and try again?

I'm also seeing the same issue in my host apps.

I don't think disabling the Chrome extension is a valid solution - I have to work between multiple projects; some use the new beta dev tools, some must use the old Chrome extension.

Disabling the extension does seem to resolve the issue, but ideally the Vite plugin could resolve without this being needed

adamdehaven avatar Jan 30 '24 18:01 adamdehaven

Seems you are also use the Vue DevTools Chrome Extensions, can you disable it and try again?

I'm also seeing the same issue in my host apps.

I don't think disabling the Chrome extension is a valid solution - I have to work between multiple projects; some use the new beta dev tools, some must use the old Chrome extension.

Disabling the extension does seem to resolve the issue, but ideally the Vite plugin could resolve without this being needed

Try disabling Chrome Extension just to confirm where the issue is coming from. Are there performance issues when they are enabled at the same time, and when Chrome DevTools is not opened (via F12)?

webfansplz avatar Jan 31 '24 04:01 webfansplz

It doesn't seem to be related.

Tool & Chrome extension

warmthsea avatar Jan 31 '24 04:01 warmthsea

For me, the page only becomes unresponsive when the Chrome extension is also enabled.

Multiple engineers on my team have confirmed at least in our repos, the issue is resolved when the Chrome extension is disabled.

adamdehaven avatar Jan 31 '24 12:01 adamdehaven

Does everything work fine when using an older version of Vue Devtools browser extension?

alexzhang1030 avatar Jan 31 '24 13:01 alexzhang1030

Does everything work fine when using an older version of Vue Devtools browser extension?

Sometimes it's very stuck and rarely used.

warmthsea avatar Jan 31 '24 13:01 warmthsea

Looks like there is not too much data... I'm unsure of the root reason, but we will test some cases to find it.

alexzhang1030 avatar Jan 31 '24 13:01 alexzhang1030

Looks like there is not too much data... I'm unsure of the root reason, but we will test some cases to find it.

I will provide more data when I have time.

warmthsea avatar Jan 31 '24 13:01 warmthsea

Looks like there is not too much data... I'm unsure of the root reason, but we will test some cases to find it.

I will provide more data when I have time.

Thanks, looking forward to it.

alexzhang1030 avatar Jan 31 '24 13:01 alexzhang1030

Is this issue fixed now?

wjp980108 avatar Apr 25 '24 03:04 wjp980108

We have recently implemented several improvements through #429 and #268, which have significantly enhanced speed.

For users still experiencing slow performance, we recommend upgrading to version v7.3.0. Please test with this version to see if the issue is resolved.

If the problem persists after upgrading, let us know, and we will continue to investigate further.

alexzhang1030 avatar Jun 16 '24 13:06 alexzhang1030

We have recently implemented several improvements through #429 and #268, which have significantly enhanced speed.

For users still experiencing slow performance, we recommend upgrading to version v7.3.0. Please test with this version to see if the issue is resolved.

If the problem persists after upgrading, let us know, and we will continue to investigate further.

If I have time, I will participate in the test. Thank you for your work.

warmthsea avatar Jun 16 '24 14:06 warmthsea

I switched to the same branch as above and upgraded the tools version. Here is a test preview. When I opened F12, I saw obvious lag.

1. Not Use Tools

screenshots

2. Use Tools - [email protected]

screenshots

warmthsea avatar Jun 20 '24 09:06 warmthsea