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

Why does the new version feel so laggy to me? #12698

Open
1 task done
JarmoHu opened this issue Jan 5, 2025 · 14 comments
Open
1 task done

Why does the new version feel so laggy to me? #12698

JarmoHu opened this issue Jan 5, 2025 · 14 comments
Labels
browser Browser Extension bug

Comments

@JarmoHu
Copy link

JarmoHu commented Jan 5, 2025

Steps To Reproduce

Why does the new version feel so laggy to me? Previously, the browser extension interface would load instantly, but now it happens in three steps: first, the outer frame (marked in red in the screenshot), then the inner controls and items (marked in yellow), and finally the 'copy username and password' button (marked in green). There's a noticeable lag between each of these steps.
0X2oUuDXnt

Expected Result

I hope it can display all the content at once.

Actual Result

There is a noticeable lag with a step-by-step loading process when clicking.

Screenshots or Videos

No response

Additional Context

No response

Operating System

Windows

Operating System Version

No response

Web Browser

Firefox

Browser Version

No response

Build Version

2024.12.3

Issue Tracking Info

  • I understand that work is tracked outside of Github. A PR will be linked to this issue should one be opened to address it, but Bitwarden doesn't use fields like "assigned", "milestone", or "project" to track progress.
@JarmoHu JarmoHu added browser Browser Extension bug labels Jan 5, 2025
@bitwarden-bot
Copy link

Thank you for reporting this issue! We've added this to our internal tracking system.
ID: PM-16722

@SergeantConfused
Copy link

Hello @JarmoHu,

How long does it take for the entire extension to render?

Thank you,

@JarmoHu
Copy link
Author

JarmoHu commented Jan 5, 2025

click button -> 2 seconds cold start (or 1 second warm start) -> render red component -> 3 seconds cold start (or 1 second warm start) -> render yellow component -> 1 second -> render green component.

Actually, I want the logo and the green part to render earlier because every time I click the 'Fill' button, the layout suddenly shifts, and I end up clicking the 'Copy password' button instead.

@DDRRDD
Copy link

DDRRDD commented Jan 6, 2025

Hello,
Same problem for me, UI is slower and freeze my Webpage on forms with many fields to analyse.
Firefox pop-up an alert 😕 :
image

I do not have those latency / freeze with the older Firefox Plugin.
I hope that you will be able to optimize your code.

Kind regards,
David
France

@SergeantConfused
Copy link

Hello everyone,

Thank you. Could you please let me know how large your vaults are? I'd like to know if this could be related. You can check that in Firefox by right-clicking on the extension, clicking on (Manage extension), clicking on the cogwheel and then on (Debug Add-ons) and then clicking on (Inspect) next to the Bitwarden Password Manager; in the new window, please open the (Network) tab and then run a manual sync in the extension like so, and let me know how large the GET request for "sync" was.

Thank you in advance,

@rpadovani
Copy link

Just got the new extensions, and it feels definitely way slower than the old one, and it adds friction to logging in

I don't think it is related to the GET request: if the password manager is already unlocked, it still feels slow to render, but there is no request in the network console.

For me, unlocking requires more or less a second. Strangely enough, it seems to decrypt things twice:

16:00:01.980 Starting decryption using multithreading with 1 workers for 10 items [console-log.service.ts:43:16](webpack:///libs/common/src/platform/services/console-log.service.ts)
16:00:01.983 Starting decryption using multithreading with 1 workers for 267 items [console-log.service.ts:43:16](webpack:///libs/common/src/platform/services/console-log.service.ts)
16:00:02.116 Finished decrypting 10 items using 1 workers [console-log.service.ts:43:16](webpack:///libs/common/src/platform/services/console-log.service.ts)
16:00:02.517 Starting decryption using multithreading with 1 workers for 10 items [console-log.service.ts:43:16](webpack:///libs/common/src/platform/services/console-log.service.ts)
16:00:02.520 Starting decryption using multithreading with 1 workers for 267 items
16:00:02.578 Finished decrypting 267 items using 1 workers [console-log.service.ts:43:16](webpack:///libs/common/src/platform/services/console-log.service.ts)
16:00:02.781 Finished decrypting 10 items using 1 workers [console-log.service.ts:43:16](webpack:///libs/common/src/platform/services/console-log.service.ts)
16:00:02.794 Finished search indexing [console-log.service.ts:43:16](webpack:///libs/common/src/platform/services/console-log.service.ts)
16:00:03.179 Finished decrypting 267 items using 1 workers [console-log.service.ts:43:16](webpack:///libs/common/src/platform/services/console-log.service.ts)
16:00:03.466 Finished search indexing

@DDRRDD
Copy link

DDRRDD commented Jan 6, 2025

Hello everyone,

Thank you. Could you please let me know how large your vaults are? I'd like to know if this could be related. You can check that in Firefox by right-clicking on the extension, clicking on (Manage extension), clicking on the cogwheel and then on (Debug Add-ons) and then clicking on (Inspect) next to the Bitwarden Password Manager; in the new window, please open the (Network) tab and then run a manual sync in the extension like so, and let me know how large the GET request for "sync" was.

Thank you in advance,

image

166ms when I click "Sync Now"

I see 352 items in my vault

@kspearrin
Copy link
Member

kspearrin commented Jan 6, 2025

Can you try switching the the Settings tab (could also try Generator tab) and then open and close the extension popup to see if that page renders just as slow as the Vault tab?

@JarmoHu
Copy link
Author

JarmoHu commented Jan 7, 2025

I’m from China, so syncing data from the server may have high latency. However, after syncing, when I open GitHub and try to log in, I want to click the 'Fill' button, but it quickly changes to the 'Copy password' button. I hope the logo and the layout for these buttons can be pre-rendered in advance.
Animation

@JarmoHu
Copy link
Author

JarmoHu commented Jan 7, 2025

Can you try switching the the Settings tab (could also try Generator tab) and then open and close the extension popup to see if that page renders just as slow as the Vault tab?

I noticed that this is related to how fast I switch. When I switch slowly, the button layout re-renders. When I switch quickly, it doesn’t.
Animation2

@blake-mealey
Copy link

I'm experiencing the same issue. Any time I open the extension popup (seems to be regardless of "cold" vs "warm") there is no feedback for a second or two and then the extension opens.

Can you try switching the the Settings tab (could also try Generator tab) and then open and close the extension popup to see if that page renders just as slow as the Vault tab?

The settings tab is just as unresponsive.

@iamkeir
Copy link

iamkeir commented Jan 9, 2025

Same here - I click the icon and nothing happens for up to 10 seconds, then it suddenly all appears.

@mrx23dot
Copy link

Why "fix" something that worked great in the previous version, I need to disable updates.

@trmartin4
Copy link
Member

Hello! For those reporting a delay in the initial opening of the popup (separate from any navigation/loading delay within the popup itself once it's open), please see #12286. There are some instructions there that may help alleviate that issue.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
browser Browser Extension bug
Projects
None yet
Development

No branches or pull requests

10 participants