From 35c3d0f2cb7ef19564c1911b3b97c2128b0e18eb Mon Sep 17 00:00:00 2001
From: npeter83 <npeter83+claude@gmail.com>
Date: Sat, 4 Jul 2026 19:13:11 +0200
Subject: [PATCH] perf(feed): intrinsic dimensions + async decode on video
 thumbnails

Give the feed card thumbnail width/height (16:9) so the browser reserves the
aspect box before load (CLS), and decoding=async so image decode never blocks
the main thread. loading=lazy was already set.
---
 frontend/src/components/VideoCard.tsx | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/frontend/src/components/VideoCard.tsx b/frontend/src/components/VideoCard.tsx
index fd5a963..6802008 100644
--- a/frontend/src/components/VideoCard.tsx
+++ b/frontend/src/components/VideoCard.tsx
@@ -153,6 +153,9 @@ function Thumb({
           src={video.thumbnail_url}
           alt=""
           loading="lazy"
+          decoding="async"
+          width={1280}
+          height={720}
           className="w-full h-full object-cover"
         />
       ) : (