perf directory

Author: aelmanaa

astro.config.ts

@@ -107,6 +107,23 @@ export default defineConfig({
   adapter: vercel(),
   vite: {
     plugins: [yaml()],
+    build: {
+      cssCodeSplit: true,
+      rollupOptions: {
+        output: {
+          manualChunks(id) {
+            // Split CCIP-specific styles into separate chunks
+            if (id.includes("src/components/CCIP") && id.endsWith(".css")) {
+              return "ccip-styles"
+            }
+            // Keep tooltip styles separate as they're not critical
+            if (id.includes("tooltip-override")) {
+              return "tooltip-styles"
+            }
+          },
+        },
+      },
+    },
   },
   legacy: {
     collections: false,

src/components/HeadCommon.astro

@@ -22,8 +22,15 @@ const { title } = Astro.props
 
 <link rel="sitemap" href="/sitemap-index.xml" />
 
-<!-- Scrollable a11y code helper -->
-<script src="/make-scrollable-code-focusable.js" is:inline></script>
+<!-- Preconnect to speed up external resource loading -->
+<link rel="preconnect" href="https://d2f70xi62kby8n.cloudfront.net" crossorigin />
+<link rel="dns-prefetch" href="https://d2f70xi62kby8n.cloudfront.net" />
+<link rel="preconnect" href="https://js.hs-analytics.net" crossorigin />
+<link rel="preconnect" href="https://js.hscollectedforms.net" crossorigin />
+<link rel="preconnect" href="https://js.usemessages.com" crossorigin />
+
+<!-- Scrollable a11y code helper - defer to not block render -->
+<script src="/make-scrollable-code-focusable.js" defer></script>
 
 <!-- Google Tag Manager -->
 <script type="text/javascript">