Some optimizations

astro.config.mjs

@@ -14,6 +14,9 @@ export default defineConfig({
   },
   output: "server",
   prefetch: true,
+  build: {
+    inlineStylesheets: "always",
+  },
   vite: {
     plugins: [tailwindcss()],
   },

src/pages/index.astro

@@ -10,10 +10,11 @@ import { config } from "../config";
     <Image
         src={config.personalInfo.profileImage.src}
         alt={config.personalInfo.profileImage.alt}
-        width={300}
-        height={300}
+        widths={[192, 384]}
+        sizes="12rem"
         layout="constrained"
-        priority={true}
+        loading="eager"
+        fetchpriority="high"
         class="rounded-full mx-auto"
         style="max-width: 12rem; width: 100%;"
     />