Lazy load post card images

Verseghy · Sep 30, 2023 · c0dfbce · c0dfbce
1 parent 90cf149
commit c0dfbce
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/src/components/PostCard.tsx b/src/components/PostCard.tsx
@@ -34,7 +34,7 @@ const PostCard: VoidComponent<PostCardProps> = (props) => {
   return (
     <article class={styles.card} style={{ '--hue': hue() }}>
       <A href={link()} class={styles.imageLink}>
-        <img class={styles.indexImg} src={props.post.indexImage} alt="" />
+        <img class={styles.indexImg} src={props.post.indexImage} alt="" loading="lazy" />
       </A>
       <div class={styles.labelContainer}>
         <For each={props.post.labels}>{(label) => <Label label={label} />}</For>

diff --git a/src/state/home.ts b/src/state/home.ts
@@ -1,5 +1,5 @@
 import { gql, request } from '@solid-primitives/graphql'
-import { createEffect, createResource, Resource, ResourceReturn, useContext } from 'solid-js'
+import { createEffect, createResource, Resource, useContext } from 'solid-js'
 import { GRAPHQL_BACKEND_URL } from '~/constants'
 import { Post } from '~/models/post'
 import { StateContext } from './StateProvider'