diff --git a/web/i18n/de.json b/web/i18n/de.json
index 55bdf0e5..7ea3add2 100644
--- a/web/i18n/de.json
+++ b/web/i18n/de.json
@@ -722,6 +722,9 @@
   "Preview": {
     "other": "Vorschau"
   },
+  "Auto Render Preview": {
+    "other": "Vorschau automatisch rendern"
+  },
   "Last Rendered:": {
     "other": "Zuletzt gerendert:"
   },
diff --git a/web/i18n/en.json b/web/i18n/en.json
index 2c4742c2..2ec28ac0 100644
--- a/web/i18n/en.json
+++ b/web/i18n/en.json
@@ -722,6 +722,9 @@
   "Preview": {
     "other": "Preview"
   },
+  "Auto Render Preview": {
+    "other": "Auto Render Preview"
+  },
   "Last Rendered:": {
     "other": "Last Rendered:"
   },
diff --git a/web/templates/manager/configapp.html b/web/templates/manager/configapp.html
index 10817473..16690b8b 100644
--- a/web/templates/manager/configapp.html
+++ b/web/templates/manager/configapp.html
@@ -57,6 +57,12 @@ <h1>{{ t .Localizer "Configuring" }} {{ .App.Iname }} ({{ .App.Name }})</h1>
          height="64">
     <div class="skeleton-loader"></div>
 </div>
+<div style="text-align:center; margin:8px 0;">
+    <label style="cursor:pointer; user-select:none; font-size:0.9em;">
+        <input type="checkbox" id="autoRefreshPreview" checked>
+        {{ t .Localizer "Auto Render Preview" }}
+    </label>
+</div>
 {{ if .AppMetadata }}
 <div class="app-metadata">
     {{ if .AppMetadata.Summary }}
@@ -733,6 +739,10 @@ <h3 style="color: var(--danger-text);">{{ t .Localizer "Unpin App" }}</h3>
 
     if (configContentPre) configContentPre.textContent = JSON.stringify(config, null, 2);
 
+    // Skip rendering if auto-refresh is disabled
+    const autoRefresh = document.getElementById("autoRefreshPreview");
+    if (autoRefresh && !autoRefresh.checked) return;
+
     // Trigger backend preview (POST to update ephemeral, then GET with config param)
     previewApp('{{ .Device.ID }}', '{{ .App.Iname }}', config, null, null)
     .then(() => {