svgのダウンロードをpreconnectで高速化

src/routes/(DefaultStyle)/+layout.svelte

@@ -21,6 +21,7 @@
 <svelte:head>
     <meta name="theme-color" content="#a1cc66" media="(prefers-color-scheme: light)">
     <meta name="theme-color" content="teal" media="(prefers-color-scheme: dark)">
+    <link rel="preconnect" href="https://cdn.jsdelivr.net">
 </svelte:head>
 
 <div id="root">

src/routes/(DefaultStyle)/[slug]/grid.svelte

@@ -6,11 +6,6 @@
     export let date: Date;
     export let category: string;
     export let id: string;
-
-    let twemoji = async (url: string)=>{
-        let res = await (await fetch(url)).text()
-        return res
-    }
 </script>
 
 <div class='grid'>
@@ -18,14 +13,7 @@
         {#if thumbnail }
             <img src="{thumbnail}" alt='thumbnail' style='view-transition-name: {id}'/>
         {:else if emoji}
-            {#await twemoji(emoji)}
+            <div class='emoji'><img class='svg' src="{emoji}" alt="thumbnail" style='view-transition-name: {id}'/></div>
-                <div></div>
-            {:then emojisvg}
-                <div class="emoji">
-                    {@html emojisvg}
-                </div>
-            {/await}
-            <!-- <div class='emoji'><img class='svg' src="{emoji}" alt="thumbnail" style='view-transition-name: {id}'/></div> -->
         {:else}
             <img src='data:image/svg+xml,{encodeURIComponent('<svg fill="#aaa" version="1.1" viewBox="0 -960 96 96" xmlns="http://www.w3.org/2000/svg"><path d="m41-903q-0.8 0-1.4-0.6t-0.6-1.4v-14q0-0.8 0.6-1.4t1.4-0.6h14q0.8 0 1.4 0.6t0.6 1.4v14q0 0.8-0.6 1.4t-1.4 0.6zm0-2h14v-14h-14zm1-2h12l-3.8-5-3 4-2.25-3zm-1 2v-14z"/></svg>')}' alt="fallback"/>
         {/if}