matrix-art

commit 709b379a5879b9a11b542a5f52996e531b06e85d
parent 32fb004842e2d8102f676513151cb87e31bd4f22
Author: MTRNord <mtrnord1@gmail.com>
Date:   Fri, 14 Jan 2022 02:44:41 +0100

Force images to be loaded asap on the image page.

Diffstat:
M
pages/post/[id].tsx
 | 
8
++++----

1 file changed, 4 insertions(+), 4 deletions(-)
diff --git a/pages/post/[id].tsx b/pages/post/[id].tsx
@@ -256,10 +256,10 @@ class Post extends PureComponent<Props, State> {
                     width="100%"
                     height=""
                 />
-                <img loading="lazy" alt={caption} title={caption} className="relative -ml-[100%] object-cover align-bottom" src={thumbnail_url} />
+                <img loading="eager" alt={caption} title={caption} className="relative -ml-[100%] object-cover align-bottom" src={thumbnail_url} />
             </div>
         ) : (
-            <img alt={caption} title={caption} src={thumbnail_url} />
+            <img loading="eager" alt={caption} title={caption} src={thumbnail_url} />
         );
         return (
             <>
@@ -314,10 +314,10 @@ class Post extends PureComponent<Props, State> {
                         width="100%"
                         height=""
                     />
-                    <img loading="lazy" alt={caption} title={caption} className="relative -ml-[100%] object-cover align-bottom" src={thumbnail_url} />
+                    <img loading="eager" alt={caption} title={caption} className="relative -ml-[100%] object-cover align-bottom" src={thumbnail_url} />
                 </div>
             ) : (
-                <img alt={caption} title={caption} src={thumbnail_url} />
+                <img loading="eager" alt={caption} title={caption} src={thumbnail_url} />
             );
             return (
                 <a key={url} href={url} title={caption} data-src={url}>