diff --git a/index.html b/index.html
index c92a8d39..a3e88175 100644
--- a/index.html
+++ b/index.html
@@ -56,6 +56,12 @@
     <link rel="manifest" href="/site.webmanifest" />
     <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#e54757" />
     <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
+    <link rel="preconnect" href="https://stats.g.doubleclick.net" />
+    <link rel="preconnect" href="https://td.doubleclick.net" />
+    <link rel="preconnect" href="https://firestore.googleapis.com" />
+    <link rel="preconnect" href="https://firebasestorage.googleapis.com" />
+    <link rel="preconnect" href="https://stats-api.up.railway.app" />
+    <link rel="preconnect" href="https://layer8proxy.net"  />
     <link
       as="font"
       rel="prefetch"
diff --git a/src/pages/IndexPage.vue b/src/pages/IndexPage.vue
index e4f584c2..86c7a916 100644
--- a/src/pages/IndexPage.vue
+++ b/src/pages/IndexPage.vue
@@ -10,13 +10,9 @@
             loading="eager"
             fetchpriority="high"
             :src="monthPrompt?.image"
-            spinner-color="primary"
             style="border: 3px solid #e54757; border-radius: 12px"
             data-test="month-link"
-            @load="loaded = true"
-            :class="{ 'prompt-img': loaded }"
-            :srcset="`${monthPrompt?.image} 2x`"
-            sizes="(max-width: 560) 50vw, 100vw"
+            no-spinner
           />
         </RouterLink>
         <p class="q-my-md text-body1">
@@ -204,8 +200,6 @@ import { computed, onMounted, ref } from 'vue'
 const errorStore = useErrorStore()
 const promptStore = usePromptStore()
 
-const loaded = ref(false)
-
 const monthPrompt = computed(() => {
   return promptStore.getMonthPrompt?.[0]
 })