Delayed Blank screen after window.location

Questions
1

Hi there fellow earthlings.

I got a function that redirects to other pages in my app. After I redirect to any page I always get delay and a blank screen while it is loading the new page. All my app css structure disappears, it goes blank the it loads the page again.

Please note that this problem only started after we migrated from version 1 to version 3

var go = function(url, disablePreloader){
   window.location = url;
}

Is anyone facing the same issue after every window.location?

Details about my app’s structure: a pure html-css-js App in which every .html imports the following:

<link rel="stylesheet" th:href="@{/css/lib/framework7.md.min.css}"/>
<link rel="stylesheet" th:href="@{/css/lib/framework7-icons.min.css}"/>
2

Such navigation method is not really recommended to use. Framework7 designed to be used as a SPA, once its loaded, it handles all navigation inside. Reloading full page, of course, can lead to such delays because browser reloads all CSS, JS with every reload. Why don’t you use a built-in router?