diff --git a/packages/svelte/src/compiler/phases/3-transform/client/visitors/javascript-runes.js b/packages/svelte/src/compiler/phases/3-transform/client/visitors/javascript-runes.js
index d24ab62de8..579e771618 100644
--- a/packages/svelte/src/compiler/phases/3-transform/client/visitors/javascript-runes.js
+++ b/packages/svelte/src/compiler/phases/3-transform/client/visitors/javascript-runes.js
@@ -299,28 +299,41 @@ export const javascript_visitors_runes = {
 			return b.call('$.effect_active');
 		}
 		if (rune === '$log') {
-			const args = /** @type {import('estree').Expression[]} */ (
-				node.arguments.map((arg) => visit(arg))
-			);
-			return b.call('$.log', b.thunk(b.array(args)));
+			if (state.options.dev) {
+				const args = /** @type {import('estree').Expression[]} */ (
+					node.arguments.map((arg) => visit(arg))
+				);
+
+				return b.call('$.log', b.thunk(b.array(args)));
+			}
+			return b.unary('void', b.literal(0));
 		}
 		if (rune === '$log.trace') {
-			const args = /** @type {import('estree').Expression[]} */ (
-				node.arguments.map((arg) => visit(arg))
-			);
-			return b.call('$.log_trace', b.thunk(b.array(args)));
+			if (state.options.dev) {
+				const args = /** @type {import('estree').Expression[]} */ (
+					node.arguments.map((arg) => visit(arg))
+				);
+				return b.call('$.log_trace', b.thunk(b.array(args)));
+			}
+			return b.unary('void', b.literal(0));
 		}
 		if (rune === '$log.break') {
-			const args = /** @type {import('estree').Expression[]} */ (
-				node.arguments.map((arg) => visit(arg))
-			);
-			return b.call('$.log_break', b.thunk(b.array(args)));
+			if (state.options.dev) {
+				const args = /** @type {import('estree').Expression[]} */ (
+					node.arguments.map((arg) => visit(arg))
+				);
+				return b.call('$.log_break', b.thunk(b.array(args)));
+			}
+			return b.unary('void', b.literal(0));
 		}
 		if (rune === '$log.table') {
-			const args = /** @type {import('estree').Expression[]} */ (
-				node.arguments.map((arg) => visit(arg))
-			);
-			return b.call('$.log_table', b.thunk(b.array(args)));
+			if (state.options.dev) {
+				const args = /** @type {import('estree').Expression[]} */ (
+					node.arguments.map((arg) => visit(arg))
+				);
+				return b.call('$.log_table', b.thunk(b.array(args)));
+			}
+			return b.unary('void', b.literal(0));
 		}
 
 		next();
diff --git a/sites/svelte-5-preview/src/lib/CodeMirror.svelte b/sites/svelte-5-preview/src/lib/CodeMirror.svelte
index 6ec16356e5..53a929ec33 100644
--- a/sites/svelte-5-preview/src/lib/CodeMirror.svelte
+++ b/sites/svelte-5-preview/src/lib/CodeMirror.svelte
@@ -205,15 +205,20 @@
 		return {
 			from: word.from - 1,
 			options: [
-				{ label: '$state', type: 'keyword', boost: 5 },
-				{ label: '$props', type: 'keyword', boost: 4 },
-				{ label: '$derived', type: 'keyword', boost: 3 },
-				snip('$effect(() => {\n\t${}\n});', { label: '$effect', type: 'keyword', boost: 2 }),
+				{ label: '$state', type: 'keyword', boost: 10 },
+				{ label: '$props', type: 'keyword', boost: 9 },
+				{ label: '$derived', type: 'keyword', boost: 8 },
+				snip('$effect(() => {\n\t${}\n});', { label: '$effect', type: 'keyword', boost: 7 }),
 				snip('$effect.pre(() => {\n\t${}\n});', {
 					label: '$effect.pre',
 					type: 'keyword',
-					boost: 1
-				})
+					boost: 6
+				});
+				{ label: '$effect.active', type: 'keyword', boost: 5 },
+				{ label: '$log', type: 'keyword', boost: 4 },
+				{ label: '$log.break', type: 'keyword', boost: 3 },
+				{ label: '$log.trace', type: 'keyword', boost: 2 },
+				{ label: '$log.table', type: 'keyword', boost: 1 },
 			]
 		};
 	}