diff --git a/src/lib/components/chat/Messages/Markdown/KatexRenderer.svelte b/src/lib/components/chat/Messages/Markdown/KatexRenderer.svelte
index d28edb224f..f256d48b87 100644
--- a/src/lib/components/chat/Messages/Markdown/KatexRenderer.svelte
+++ b/src/lib/components/chat/Messages/Markdown/KatexRenderer.svelte
@@ -1,5 +1,21 @@
-<script lang="ts">
+<script lang="ts" context="module">
 	import type { renderToString as katexRenderToString } from 'katex';
+
+	// Module-level singleton: load katex once, share across all KatexRenderer instances
+	let katexRenderer: Promise<typeof katexRenderToString> | null = null;
+	function getKatexRenderer(): Promise<typeof katexRenderToString> {
+		if (!katexRenderer) {
+			katexRenderer = Promise.all([
+				import('katex'),
+				import('katex/contrib/mhchem'),
+				import('katex/dist/katex.min.css')
+			]).then(([katex]) => katex.renderToString);
+		}
+		return katexRenderer;
+	}
+</script>
+
+<script lang="ts">
 	import { onMount } from 'svelte';
 
 	export let content: string;
@@ -8,15 +24,11 @@
 	let renderToString: typeof katexRenderToString | null = null;
 
 	onMount(async () => {
-		const [katex] = await Promise.all([
-			import('katex'),
-			import('katex/contrib/mhchem'),
-			import('katex/dist/katex.min.css')
-		]);
-		renderToString = katex.renderToString;
+		renderToString = await getKatexRenderer();
 	});
 </script>
 
 {#if renderToString}
 	{@html renderToString(content, { displayMode, throwOnError: false })}
 {/if}
+