Replace only selected area instead of the whole Body

During rendering, Turbo Drive replaces the current element outright and merges the contents of the element. The JavaScript window and document objects, and the element, persist from one rendering to the next.

So, how to select custom element to replace Content instead of default body.

For example:

Contents to change

Here header and footer same and no need to fetch on every navigation. Only change div content. Because turbo is changing the whole body content that makes navigation slower.

Done by data-turbo-permanent