Add @vercel/speed-insights package

package.json

@@ -43,6 +43,7 @@
 		"@types/react": "17.0.52",
 		"@types/react-dom": "^18.2.18",
 		"@vercel/analytics": "^0.1.3",
+		"@vercel/speed-insights": "^1.0.8",
 		"babel-polyfill": "^6.26.0",
 		"classnames": "^2.3.1",
 		"date-fns": "^2.22.1",

src/pages/index.tsx

@@ -5,7 +5,7 @@ import { ISkills } from '@Types';
 import styled from 'styled-components';
 import Typed from 'react-typed';
 import splitbee from '@splitbee/web';
-
+import { SpeedInsights } from "@vercel/speed-insights/next";
 import { Container } from 'Atoms/Container';
 import { SeoHead } from 'Atoms/SeoHead';
 
@@ -68,6 +68,8 @@ function Home({ skills }: IProps) {
 					.
 				</p>
 			</Container>
+
+			<SpeedInsights />
 		</>
 	);
 }

yarn.lock

@@ -3425,6 +3425,11 @@
   resolved "https://registry.npmjs.org/@vercel/analytics/-/analytics-0.1.3.tgz"
   integrity sha512-zJuEwzvi0bBmWrMrj9jvyMS+X6iUdW3m/y5P7aOLwJQKHsJyfpdINo/4Rv+wxubz3gl4nRqIQdtOFCe1P1ErXQ==
 
+"@vercel/speed-insights@^1.0.8":
+  version "1.0.8"
+  resolved "https://registry.yarnpkg.com/@vercel/speed-insights/-/speed-insights-1.0.8.tgz#cd317fb2ce99d69d200ba66efd0122a3984e5b89"
+  integrity sha512-x1V9MHUMGkaNafmgY0qRbmbr+jfeU+Cvo5KgreeEGo63SFuBYRg9RS52GUJ9p82nEL6NBzc9HNru6fkcvufYcQ==
+
 "@webassemblyjs/[email protected]":
   version "1.9.0"
   resolved "https://registry.npmjs.org/@webassemblyjs/ast/-/ast-1.9.0.tgz"