perf: improve asset loading

greymass · Dec 18, 2024 · ec7eaa0 · ec7eaa0
1 parent 69931d2
commit ec7eaa0
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 11 deletions.
diff --git a/src/app.html b/src/app.html
@@ -45,6 +45,7 @@
 				src: url('/fonts/inter/web-latin/Inter-Bold-subset.woff2?v=4.0') format('woff2');
 			}
 		</style>
+		<link rel="preconnect" href="https://assets.wharfkit.com" />
 		%sveltekit.head%
 	</head>
 

diff --git a/src/routes/[network]/+layout.svelte b/src/routes/[network]/+layout.svelte
@@ -139,20 +139,14 @@
 		// set the flag to prevent banner showing on next load
 		localStorage.setItem('hide-v1-banner', 'true');
 	}
-
-	// Deduplicate chain logos
-	let logoSet = Array.from(new Set(chainLogos.values())).map(String);
 </script>
 
-<!-- Preload current chain logo, prefetch the rest to avoid future pop-in -->
+<!-- Preload current chain logo -->
 <svelte:head>
-	{#each logoSet as logoSrc}
-		{#if logoSrc === chainLogos.get(String(data.network.chain.id))}
-			<link rel="preload" href={logoSrc} as="image" type="image/png" />
-		{:else}
-			<link rel="prefetch" href={logoSrc} as="image" type="image/png" />
-		{/if}
-	{/each}
+	{#if chainLogos.get(String(data.network.chain.id)) !== undefined}
+		{@const chainLogo = String(chainLogos.get(String(data.network.chain.id)))}
+		<link rel="preload" href={chainLogo} as="image" type="image/png" />
+	{/if}
 </svelte:head>
 
 {#if showBanner}