Merge pull request #429 from BootNodeDev/perf/lighthouse-improvements

gabitoesmiapodo · web-flow · commit 06550e62d84d · 2026-03-31T10:49:24.000-03:00
perf: improve Lighthouse performance and best practices scores
diff --git a/index.html b/index.html
@@ -40,7 +40,14 @@
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
   <link
     href="https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap"
-    rel="stylesheet" />
+    rel="stylesheet"
+    media="print"
+    onload="this.media='all'" />
+  <noscript>
+    <link
+      href="https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap"
+      rel="stylesheet" />
+  </noscript>
 </head>
 
 <body>
diff --git a/src/components/sharedComponents/ui/Header/Logo.tsx b/src/components/sharedComponents/ui/Header/Logo.tsx
@@ -14,6 +14,8 @@ const LogoLight =
  */
 const Logo: FC<ImageProps> = ({ ...restProps }) => (
   <chakra.img
+    width={193}
+    height={77}
     content="var(--base-logo)"
     display="block"
     flexShrink="0"
diff --git a/vercel.json b/vercel.json
@@ -5,7 +5,7 @@
       "headers": [
         {
           "key": "Content-Security-Policy-Report-Only",
-          "value": "default-src 'self'; script-src 'self' 'unsafe-inline' 'unsafe-eval' https://va.vercel-scripts.com; style-src 'self' 'unsafe-inline' https://fonts.googleapis.com; font-src 'self' https://fonts.gstatic.com; img-src 'self' data: https: blob:; connect-src 'self' https: wss:; frame-ancestors 'none'"
+          "value": "default-src 'self'; script-src 'self' 'unsafe-inline' 'unsafe-eval' https://va.vercel-scripts.com; style-src 'self' 'unsafe-inline' https://fonts.googleapis.com; font-src 'self' https://fonts.gstatic.com; img-src 'self' data: https: blob:; connect-src 'self' https: wss:; frame-src 'self' https://app.family.co https://id.porto.sh; frame-ancestors 'none'"
         },
         {
           "key": "X-Content-Type-Options",
@@ -18,6 +18,20 @@
         {
           "key": "Referrer-Policy",
           "value": "strict-origin-when-cross-origin"
+        },
+        {
+          "key": "Cross-Origin-Opener-Policy",
+          "value": "same-origin-allow-popups"
+        }
+      ]
+    },
+    {
+      "source": "/(.*)",
+      "missing": [{ "type": "host", "value": ".*\\.vercel\\.app" }],
+      "headers": [
+        {
+          "key": "Strict-Transport-Security",
+          "value": "max-age=63072000; includeSubDomains; preload"
         }
       ]
     }
diff --git a/vite.config.ts b/vite.config.ts
@@ -20,6 +20,7 @@ export default defineConfig(({ mode }) => {
       }),
     ],
     build: {
+      sourcemap: mode === 'development' ? 'hidden' : false,
       rollupOptions: {
         output: {
           manualChunks: {

Original file line number	Diff line number	Diff line change
`@@ -5,7 +5,7 @@`
`5`	`5`	`"headers": [`
`6`	`6`	`{`
`7`	`7`	`"key": "Content-Security-Policy-Report-Only",`
`8`		`- "value": "default-src 'self'; script-src 'self' 'unsafe-inline' 'unsafe-eval' https://va.vercel-scripts.com; style-src 'self' 'unsafe-inline' https://fonts.googleapis.com; font-src 'self' https://fonts.gstatic.com; img-src 'self' data: https: blob:; connect-src 'self' https: wss:; frame-ancestors 'none'"`
	`8`	`+ "value": "default-src 'self'; script-src 'self' 'unsafe-inline' 'unsafe-eval' https://va.vercel-scripts.com; style-src 'self' 'unsafe-inline' https://fonts.googleapis.com; font-src 'self' https://fonts.gstatic.com; img-src 'self' data: https: blob:; connect-src 'self' https: wss:; frame-src 'self' https://app.family.co https://id.porto.sh; frame-ancestors 'none'"`
`9`	`9`	`},`
`10`	`10`	`{`
`11`	`11`	`"key": "X-Content-Type-Options",`
`@@ -18,6 +18,20 @@`
`18`	`18`	`{`
`19`	`19`	`"key": "Referrer-Policy",`
`20`	`20`	`"value": "strict-origin-when-cross-origin"`
	`21`	`+ },`
	`22`	`+ {`
	`23`	`+ "key": "Cross-Origin-Opener-Policy",`
	`24`	`+ "value": "same-origin-allow-popups"`
	`25`	`+ }`
	`26`	`+ ]`
	`27`	`+ },`
	`28`	`+ {`
	`29`	`+ "source": "/(.*)",`
	`30`	`+ "missing": [{ "type": "host", "value": ".*\\.vercel\\.app" }],`
	`31`	`+ "headers": [`
	`32`	`+ {`
	`33`	`+ "key": "Strict-Transport-Security",`
	`34`	`+ "value": "max-age=63072000; includeSubDomains; preload"`
`21`	`35`	`}`
`22`	`36`	`]`
`23`	`37`	`}`