Remove Header and Footer

Hello guys,

To hide Header and Footer, I just use the code below in CSS.

.postid-905 .td-header-wrap,
.postid-905 .td-footer-wrapper {
display: none!important;
}

This causes the Header and Footer to be hidden to the page visitor. However, the Header and Footer codes still exist in the page source code.

As on the given page I’m not using Header and Footer, so there’s no need to load Header and Footer codes. It’s a most unnecessary burden, especially if Header or Footer has a script like Google Adsense for example, it will be loading those scripts unnecessarily.

So how would you hide via CSS the Header and Footer, also removing the source code?

I thank you.
Rodrigo