🎈 perf: imrpove webpagetest metrics

carlosjorger · carlosjorger · commit 63adb99b8014 · 2025-08-03T16:25:56.000-04:00
diff --git a/src/components/Experience.astro b/src/components/Experience.astro
@@ -29,7 +29,7 @@ const { HEADER_EXPERIENCE, EXPERIENCE } = Astro.props;
 				<li class=" mb-20 ms-8">
 					<div class="flex flex-row items-center">
 						<div class="absolute start-[-0.9rem] mb-1 overflow-hidden rounded-full border border-teal-200 bg-slate-50 shadow-lg shadow-teal-800/90">
-							<img class="size-7" src={`/images/${job.logoFile}`} alt={job.logoAlt} />
+							<img class="size-7" src={`/images/${job.logoFile}`} alt={job.logoAlt} loading="lazy" />
 						</div>
 						<h3 class="reveal-experience-info my-0.5 text-xl font-semibold text-teal-200">
 							{job.ocupation}
diff --git a/src/components/Header/Header.astro b/src/components/Header/Header.astro
@@ -207,24 +207,28 @@ const headerLinks = [
 						id="nav-columnar-menu-list"
 						class="flex list-none flex-col items-center p-0 text-xl"
 					>
-						<SideBarLink
-							href="#"
-							aria-label={HEADER_HOME_ARIA_LABEL}
-							label={HEADER_HOME}
-						>
-							<IconContainer class="h-7 w-7">
-								<IconHome />
-							</IconContainer>
-						</SideBarLink>
+						<li>
+							<SideBarLink
+								href="#"
+								aria-label={HEADER_HOME_ARIA_LABEL}
+								label={HEADER_HOME}
+							>
+								<IconContainer class="h-7 w-7">
+									<IconHome />
+								</IconContainer>
+							</SideBarLink>
+						</li>
 						{
 							headerLinks.map((headerLink) => {
 								const { icon, ...sideBarLink } = headerLink;
 								return (
-									<SideBarLink {...sideBarLink}>
-										<IconContainer class=" h-7 w-7">
-											<headerLink.icon />
-										</IconContainer>
-									</SideBarLink>
+									<li>
+										<SideBarLink {...sideBarLink}>
+											<IconContainer class=" h-7 w-7">
+												<headerLink.icon />
+											</IconContainer>
+										</SideBarLink>
+									</li>
 								);
 							})
 						}
diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
@@ -16,14 +16,13 @@ const canonicalURL = new URL(Astro.url.pathname, Astro.site);
 <html lang={SEO_LANG}>
 	<head>
 		<meta charset="UTF-8" />
-		<meta name="viewport" content="width=device-width" />
+		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
 		<meta name="description" content={SEO_DESCRIPTION} />
 		<meta
 			name="keywords"
 			content="HTML,CSS,JavaScript,Github,Repository,Portfolio,Website,Github Page,Cuvimaker,Rusty Copier,Vue Fluid DnD, Fluid DnD"
 		/>
 		<meta name="author" content="carlosjorger" />
-		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
 		<meta property="og:locale" content={SEO_LOCALE} />
 		<meta property="og:url" content="https://carlosjorger.github.io" />
 		<meta property="og:type" content="website" />
@@ -71,7 +70,8 @@ const canonicalURL = new URL(Astro.url.pathname, Astro.site);
 	</head>
 	<script
 		src="https://cdnjs.cloudflare.com/ajax/libs/flowbite/1.8.0/flowbite.min.js"
-		is:inline></script>
+		is:inline
+		defer></script>
 	<slot name="structured-data" />
 	<body>
 		<ViewTransitions />
