[fix]video poster optimize for Lighthousse

ManatoYamashita · Sep 19, 2024 · 7c45311 · 7c45311
1 parent 05c5290
commit 7c45311
Show file tree

Hide file tree

Showing 5 changed files with 5 additions and 4 deletions.
diff --git a/public/robot.txt b/public/robot.txt
@@ -1,4 +1,3 @@
 User-agent: *
 Allow: /
-
-Sitemap: https://tcu-animation.manapuraza.com/sitemap-index.xml
+Sitemap: https://tcu-animation.manapuraza.com/sitemap-index.xml
diff --git a/public/tcu-icon.webp b/public/tcu-icon.webp
diff --git a/public/tcuA-ogp.jpg b/public/tcuA-ogp.jpg
diff --git a/public/tcuA.webp b/public/tcuA.webp
diff --git a/src/pages/index.astro b/src/pages/index.astro
@@ -11,14 +11,16 @@ import RecentPublications from "../components/RecentPublications.astro";
   <head>
     <BaseHead title={SITE_TITLE} description={SITE_DESCRIPTION} />
     <link rel="sitemap" href="/sitemap-index.xml" />
+    <link rel="preload" href="tcu-icon.webp" as="image">
+    <link rel="preload" href="tcuA-video.webm" as="video">
   </head>
   <body class="w-full mx-auto my-4 dark:bg-neutral-800 dark:text-neutral-300 transition-colors duration-300" >
     <Header />
 
     <main class="lg:mt-24 mt-16 flex flex-col justify-center">
       <div class="w-full flex flex-col items-center gap-2.5 px-4 lg:px-0 mt-6">
-        <video autoplay loop muted playsinline poster="ogp.jpg" style="width: 100%; height: auto;" class="hero-video">
-          <source src="tcuA-video.webp" type="video/webp">
+        <video autoplay loop muted playsinline poster="tcu-icoon.webp" style="width: 100%; height: auto;" class="hero-video" aria-label="都市大アニメーションポスタービデオ">
+          <source src="tcuA-video.webm" type="video/webm">
           <source src="tcuA-video.mp4" type="video/mp4">
           Your browser does not support the video tag.
         </video>