Vuex profiling : How to know a vuex state or a component size in memory

Question

Is there a way to find how much size a state (object, array, etc) or a component occupies in memory.

In my current context, I need that to know if a specific state/component is very heavy (in term of memory).

In chrome, I already tried to snapshot the memory, but I couldn't find how to identify a specific component or state in the result in such large info like this:

Subsidy

Answer 1

For variables size you can find it using this js function and then use console logs or using google chrome developer tools

For component size check Linus response.

Salesperson

Thanks for answering but according to his answer Quick & Dirty I would write something unique into the component’s data and search for that string. , I will need to make too many manual changes then rollback. Not very interesting – Subsidy