#80 画像読込の優先度

frontend/public/.htaccess

@@ -1,3 +1,9 @@
+<IfModule mod_headers.c>
+  <FilesMatch "\.(css|js|jpg|png|webp|woff2?)$">
+    Header set Cache-Control "max-age=31536000, public"
+  </FilesMatch>
+</IfModule>
+
 <IfModule mod_rewrite.c>
   RewriteEngine On
   RewriteBase /

frontend/src/pages/posts/PostListPage.tsx

@@ -94,13 +94,16 @@ export default () => {
 	      {posts.length
 	       ? (
 		  <div className="flex flex-wrap gap-4 gap-y-8 p-4 justify-between">
-		  {posts.map (post => (
+		  {posts.map ((post, i) => (
 		      <Link to={`/posts/${ post.id }`}
 			    key={post.id}
 			    className="w-40 h-40 overflow-hidden rounded-lg shadow-md hover:shadow-lg">
 			<img src={post.thumbnail || post.thumbnailBase || undefined}
 			     alt={post.title || post.url}
 			     title={post.title || post.url || undefined}
+			     loading="eager"
+			     fetchPriority="high"
+			     decoding="async"
 			     className="object-none w-full h-full" />
 		      </Link>))}
 		  </div>)