Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

Open
warmthsea opened this issue Jan 30, 2024 · 13 comments
Open

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

warmthsea opened this issue Jan 30, 2024 · 13 comments
Labels
perf Performance issue

Comments

@warmthsea
Copy link

warmthsea commented Jan 30, 2024

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

@webfansplz
Copy link
Member

webfansplz commented Jan 30, 2024

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

@warmthsea
Copy link
Author

5. off Chrome Extensions,F12 + tools

screenshots

6. off Chrome Extensions,F12

screenshots

@warmthsea
Copy link
Author

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

@adamdehaven
Copy link
Contributor

adamdehaven commented Jan 30, 2024

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

@webfansplz
Copy link
Member

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 webfansplz added the perf Performance issue label Jan 31, 2024
@warmthsea
Copy link
Author

It doesn't seem to be related.

Tool & Chrome extension

@adamdehaven
Copy link
Contributor

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.

@alexzhang1030
Copy link
Collaborator

alexzhang1030 commented Jan 31, 2024

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

@warmthsea
Copy link
Author

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

Sometimes it's very stuck and rarely used.

@alexzhang1030
Copy link
Collaborator

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

@warmthsea
Copy link
Author

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.

@alexzhang1030
Copy link
Collaborator

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.

@wjp980108
Copy link

Is this issue fixed now?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
perf Performance issue
Projects
None yet
Development

No branches or pull requests

5 participants