Skip to content

large CPU and Memory usage on open Vue devtool window #404

Open
@nailfor

Description

@nailfor

My application uses a web socket to update markers and show transport .
When I open devtool, I see a huge amount of events [ready $emit by LGeoJson]
Chrome uses 2GB, the CPU goes to a zone above 60%
On my map about 20 static LGeoJson and 100 static event markers are displayed.
Even with such a small number of objects, I get crash vue devtool.

If I go to tab "Events" and push "clear" events, the memory is released, there is no load CPU and no crush devtool.

Next, I add transport objects whose coordinates change dynamically on a web socket and see events [update: latLng $emit by LMarker]
There are a lot of them and it is very difficult to track down the desired event.

I understand that the problem is most likely in dev tools, but is it possible to disable map objects from $emit?

Browsers Affected

  • Chrome 75.0.3770.80
    vue devtool 5.1.0

Versions

Leaflet: v1.5.1
Vue: v2.6.7
Vue2Leaflet: v2.1.1

Metadata

Metadata

Assignees

No one assigned

    Labels

    confirmedIssue is accepted as either a bug or a valid enhancementhelp wanted

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions