Fix All Image Add Lazy Loading

2025-09-19 10:41:18 +08:00
parent 9f72e94557
commit 068d8b1077
180 changed files with 390 additions and 323 deletions
--- a/src/app/darmasaba/(pages)/kesehatan/data-kesehatan-warga/artikel-kesehatan-page/page.tsx
+++ b/src/app/darmasaba/(pages)/kesehatan/data-kesehatan-warga/artikel-kesehatan-page/page.tsx
@@ -51,7 +51,7 @@ function ArtikelKesehatanPage() {
                onMouseLeave={(e) => (e.currentTarget.style.transform = 'translateY(0)')}
              >
                <Card.Section>
-                  <Image src={item.image?.link} alt={item.title} height={200} fit="cover" />
+                  <Image src={item.image?.link} alt={item.title} height={200} fit="cover" loading="lazy"/>
                </Card.Section>
                <Stack gap="xs" mt="md">
                  <Text fw="bold" fz="xl" c="dark">{item.title}</Text>