mariosant/mariosant.dev
1
0
Fork 0
Code Issues Pull Requests Actions Activity

add eager to first image

Browse Source
This commit is contained in:
Surjith S M
2022-11-12 19:38:27 +05:30
parent 8c4e6495c0
commit 72e354f43a
1 changed files with 2 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
src/pages/blog.astro
View File

@@ -26,7 +26,7 @@ console.log(posts[0].frontmatter.image);
<main class="mt-16"> <main class="mt-16">
<ul class="grid gap-16 max-w-4xl mx-auto"> <ul class="grid gap-16 max-w-4xl mx-auto">
{ {
posts.map((post) => ( posts.map((post, index) => (
<li> <li>
<a href={post.url}> <a href={post.url}>
<div class="grid md:grid-cols-2 gap-5 md:gap-10 items-center"> <div class="grid md:grid-cols-2 gap-5 md:gap-10 items-center">
@@ -36,6 +36,7 @@ console.log(posts[0].frontmatter.image);
sizes="(max-width: 800px) 100vw, 800px" sizes="(max-width: 800px) 100vw, 800px"
aspectRatio="16:9" aspectRatio="16:9"
alt="Thumbnail" alt="Thumbnail"
loading={index === 0 ? "eager" : "lazy"}
class="w-full rounded-md aspect-video" class="w-full rounded-md aspect-video"
/> />
<div> <div>