Browser dev-tools is slow if web app is using TEDI components

[voldemar-p]

Problem

Browser dev-tools is slow and laggy when inspecting a web application that uses TEDI components and trying to filter/modify the styles in the browser, which affects front-end development process, making it slower.

Solution

Optimizing TEDI core?

Examples and information

Reproduced with:

• Machine: PC, Windows 11
• Browser: Google Chrome Version 140.0.7339.82
• Environments: TEIS development environment (Angular), KTI development environment (React), TEDI Angular storybook, TEDI React storybook

Seems to affect Chrome significantly more than Safari

[setsilliksaar]

In our team, we are working on PWA application that has to imitate business logic also in offline cases, it has much more business logic on front-end side then traditional application. As we also have TEDI components, it slows down our development process.

Just feels so. Sometimes it seems that browser restart helps to speed up dev-tools some degree.