remco/Atomcms-edit
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

perf: remove all delays, set iframe src directly in HTML for max speed

Browse Source
This commit is contained in:
root
2026-05-22 21:32:20 +02:00
parent f694caa397
commit 33c03e8b7b
2 changed files with 6 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/themes/atom/views/client/nitro.blade.php
+2 -16
View File
@@ -797,7 +797,6 @@
(function() { (function() {
var overlay = document.getElementById('clientOverlay'); var overlay = document.getElementById('clientOverlay');
var iframe = document.getElementById('nitro'); var iframe = document.getElementById('nitro');
var startTime = Date.now();
var hidden = false; var hidden = false;
function hideOverlay() { function hideOverlay() {
if (!hidden) { if (!hidden) {
@@ -812,9 +811,7 @@
var doc = iframe.contentDocument || iframe.contentWindow?.document; var doc = iframe.contentDocument || iframe.contentWindow?.document;
if (doc && doc.querySelector('canvas')) { if (doc && doc.querySelector('canvas')) {
clearInterval(poll); clearInterval(poll);
var elapsed = Date.now() - startTime; hideOverlay();
var minWait = Math.max(0, 3000 - elapsed);
setTimeout(hideOverlay, minWait);
} }
} catch(e) {} } catch(e) {}
}, 200); }, 200);
@@ -824,20 +821,9 @@
</script> </script>
@endif @endif
<iframe id="nitro" src="about:blank" data-src="{{ $nitroUrl }}" <iframe id="nitro" src="{{ $nitroUrl }}"
class="absolute top-0 left-0 m-0 h-full w-full overflow-hidden border-none p-0"></iframe> class="absolute top-0 left-0 m-0 h-full w-full overflow-hidden border-none p-0"></iframe>
<script>
(function() {
var iframe = document.getElementById('nitro');
if (iframe && (!iframe.src || iframe.src === 'about:blank')) {
setTimeout(function() {
iframe.src = iframe.getAttribute('data-src');
}, 500);
}
})();
</script>
{{-- Disconnected Message --}} {{-- Disconnected Message --}}
<div id="disconnected" class="hidden" style="position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 10000;"> <div id="disconnected" class="hidden" style="position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 10000;">
<div style="position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,0.7);"></div> <div style="position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,0.7);"></div>
resources/themes/dusk/views/client/nitro.blade.php
+2 -16
View File
@@ -658,7 +658,6 @@
(function() { (function() {
var overlay = document.getElementById('clientOverlay'); var overlay = document.getElementById('clientOverlay');
var iframe = document.getElementById('nitro'); var iframe = document.getElementById('nitro');
var startTime = Date.now();
var hidden = false; var hidden = false;
function hideOverlay() { function hideOverlay() {
if (!hidden) { if (!hidden) {
@@ -673,9 +672,7 @@
var doc = iframe.contentDocument || iframe.contentWindow?.document; var doc = iframe.contentDocument || iframe.contentWindow?.document;
if (doc && doc.querySelector('canvas')) { if (doc && doc.querySelector('canvas')) {
clearInterval(poll); clearInterval(poll);
var elapsed = Date.now() - startTime; hideOverlay();
var minWait = Math.max(0, 3000 - elapsed);
setTimeout(hideOverlay, minWait);
} }
} catch(e) {} } catch(e) {}
}, 200); }, 200);
@@ -685,20 +682,9 @@
</script> </script>
@endif @endif
<iframe id="nitro" src="about:blank" data-src="{{ $nitroUrl }}" <iframe id="nitro" src="{{ $nitroUrl }}"
class="absolute top-0 left-0 m-0 h-full w-full overflow-hidden border-none p-0"></iframe> class="absolute top-0 left-0 m-0 h-full w-full overflow-hidden border-none p-0"></iframe>
<script>
(function() {
var iframe = document.getElementById('nitro');
if (iframe && (!iframe.src || iframe.src === 'about:blank')) {
setTimeout(function() {
iframe.src = iframe.getAttribute('data-src');
}, 500);
}
})();
</script>
{{-- Disconnected Message --}} {{-- Disconnected Message --}}
<div id="disconnected" class="hidden" style="position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 10000;"> <div id="disconnected" class="hidden" style="position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 10000;">
<div style="position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,0.7);"></div> <div style="position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,0.7);"></div>