SPA best practices with adding and removing content

SPA best practices with adding and removing content

I've developing an MVC SPA site with handlebars.  

Is it common to remove pages from the DOM when a user navigates to another page, or is it better to just hide the page?  All the templates are loaded and cached in single-file.  The cache contains all the raw templates.  When a template is requested, the element is built and appended to the DOM.  From then I can either hide and show the page when navigated to or I can cache the built pages, where I would add and remove the pages from the DOM.

I'm guessing 50 to 70 pages with more than half being data-heavy.

Thanks for any advice