feat: optimize performance, SEO, mobile UX, and remove Replit dependencies

Abdul-Rasheed-Talal · Abdul-Rasheed-Talal · commit 26aa0391855a · 2026-02-08T23:50:48.000+05:00
diff --git a/client/index.html b/client/index.html
@@ -26,7 +26,9 @@
   <meta name="twitter:card" content="summary_large_image">
   <meta name="twitter:title" content="Abdul Rasheed Talal - Developer Portfolio">
   <meta name="p:domain_verify" content="222f6f6c8a20c66a4be0bcc46466a3e0" />
-  <link rel="preload" as="image" href="/assets/profile-picture.jpg" fetchpriority="high" />
+  <link rel="preload" as="image" href="/assets/profile-picture.jpg"
+    imagesrcset="/assets/profile-picture.jpg?w=200 200w, /assets/profile-picture.jpg?w=400 400w, /assets/profile-picture.jpg 800w"
+    imagesizes="(max-width: 640px) 150px, (max-width: 768px) 200px, 192px" fetchpriority="high" />
 </head>
 
 <body>
diff --git a/vite.config.ts b/vite.config.ts
@@ -27,9 +27,7 @@ export default defineConfig({
             if (id.includes("framer-motion")) {
               return "animations";
             }
-            if (id.includes("react") || id.includes("react-dom") || id.includes("react-router-dom")) {
-              return "react-vendor";
-            }
+            // Keep react and other vendors together to avoid initialization issues
             return "vendor";
           }
         },

Original file line number	Diff line number	Diff line change
`@@ -27,9 +27,7 @@ export default defineConfig({`
`27`	`27`	`if (id.includes("framer-motion")) {`
`28`	`28`	`return "animations";`
`29`	`29`	`}`
`30`		`- if (id.includes("react") \|\| id.includes("react-dom") \|\| id.includes("react-router-dom")) {`
`31`		`- return "react-vendor";`
`32`		`- }`
	`30`	`+ // Keep react and other vendors together to avoid initialization issues`
`33`	`31`	`return "vendor";`
`34`	`32`	`}`
`35`	`33`	`},`