General question - do non-visible elements within re-useable elements impact performance / page load speed?
I’m building a complex profile page which displays a list of each user’s work experience and preferences. There are over 20 fields. I then have a separate edit profile page where they can edit this data.
I’m wondering whether to 1) build one reuseable component which displays the profile data AND allows the users to edit the data, using a toggle to alter the edit states OR 2) build two separate re-useable elements - one read-only for the profile page and one with read/edit capabilities for the edit profile page.
My main concern is that the main profile page will be slowed down by redundant hidden edit fields that aren’t needed on the page. I’m aware these elements won’t be rendered on page load but I’m not clear if there is still performance impact of having them in the component.
Any advice much appreciated.