Caching Header and Footer without SDI implementation

Hello All,

I am trying to see if it is possible to cache the header and footer in dispatcher so that when any page is called for the first time, at least the header and footer is used from the dispatcher cache created from first page that was hit on the site.

I found that if we do <sly data-sly-resource="/content/project/en/home/jcr:content/siteheader/header.html"></sly> and implement SDI, we can see a cached file in dispatcher such as header.cache.html.

https://experienceleaguecommunities.adobe.com/t5/adobe-experience-manager/sling-dynamic-include-dispatcher-component-caching/qaq-p/207620 and https://experienceleaguecommunities.adobe.com/t5/adobe-experience-manager/ssi-for-header-footer-in-aem-any-issues/qaq-p/181417 seem to be talking about same where SDI implementation is used.

My query is that can we still achieve separate node based caching without SDI implementation? 

Or

Can we still achieve separate node based caching with SDI implementation, but no SSI implementation? Meaning if page is cached in Akamai for eg it will never hit the dispatcher to get the separate cached call, unless the Akamai cache is cleared. 
It seems its not since the whole page.html will be cached and dispatcher won't know to cache the desired node.html into its doc root.

We are using AEM 6.4