function reload(){
    var container = document.getElementById("yourDiv");
    var content = container.innerHTML;
    container.innerHTML= content; 
    
   //this line is to watch the result in console , you can remove it later	console.log("Refreshed"); 
}

<a href="javascript: reload()">Click to Reloada>
    <div id="yourDiv">The content that you want to refresh/reloaddiv>

I found a code related to this problem, I don't know if this could apply only to the html interface, or if changes in the php files are also necessary. I think these changes should be made in cascade, on different levels in a pyramidal sense from the root to the last block on the page, as a backbone that manages all load events in all modules containers and html blocks. the main javascript that controls the loading process should have a variable to which different divs from the pages being navigated can be included. If all the divs have an id this is simple. I would give them a scalar id name like this fb.1.1, 1.2, 1.11, una.1m.1.2, moz.12d1, etc.1 or something easy to identify the provider and the level depending on the number of punctuation between characters. and javascripts could act on levels or point by point where needed I don't think it is difficult for those who know how to work with these functions. It is certain that this modification will add considerable browsing speed and a much reduced consumption of resources and also a much more pleasant experience for users. https://stackoverflow.com/questions/10841239/enabling-refreshing-for-specific-html-elements-only