diff --git a/php/public/automatic_reload.js b/php/public/automatic_reload.js
index 066a46c3..c8201c64 100644
--- a/php/public/automatic_reload.js
+++ b/php/public/automatic_reload.js
@@ -10,4 +10,8 @@ if (document.hasFocus()) {
     setTimeout(function(){
     window.location.reload(1);
     }, 5000);
+} else {
+    window.addEventListener("beforeunload", function() {
+        document.getElementById('overlay').classList.add('loading')
+    });
 }
\ No newline at end of file
diff --git a/php/public/before-unload.js b/php/public/before-unload.js
new file mode 100644
index 00000000..33c473bb
--- /dev/null
+++ b/php/public/before-unload.js
@@ -0,0 +1,3 @@
+window.addEventListener("beforeunload", function() {
+    document.getElementById('overlay').classList.add('loading')
+});
\ No newline at end of file
diff --git a/php/templates/containers.twig b/php/templates/containers.twig
index 3ca64948..9f189e52 100644
--- a/php/templates/containers.twig
+++ b/php/templates/containers.twig
@@ -406,6 +406,8 @@
 
     {% if isApacheStarting == true or isBackupContainerRunning == true or isWatchtowerRunning == true %}
         <script type="text/javascript" src="automatic_reload.js"></script>
+    {% else %}
+        <script type="text/javascript" src="before-unload.js"></script>
     {% endif %}
 
     </div>