Fix All Image Add Lazy Loading

This commit is contained in:
2025-09-19 10:41:18 +08:00
parent 9f72e94557
commit 068d8b1077
180 changed files with 390 additions and 323 deletions

View File

@@ -76,7 +76,7 @@ function Page() {
</Group>
</Box>
<Box>
<Image alt="Beasiswa Desa" src="/api/img/beasiswa-siswa.png" radius="lg" />
<Image alt="Beasiswa Desa" src="/api/img/beasiswa-siswa.png" radius="lg" loading="lazy"/>
</Box>
</SimpleGrid>

View File

@@ -74,7 +74,7 @@ function Content({ kategoriBuku }: { kategoriBuku: string }) {
{!state.dataPerpustakaan.findMany.data || state.dataPerpustakaan.findMany.data.length === 0 ? (
<Center py="xl">
<Stack gap="xs" align="center">
<Image src="/empty-books.svg" alt="Kosong" w={140} h="auto" />
<Image loading="lazy" src="/empty-books.svg" alt="Kosong" w={140} h="auto" />
<Text c="dimmed" fz="sm">Belum ada buku yang tersedia dalam kategori ini</Text>
</Stack>
</Center>
@@ -113,6 +113,7 @@ function Content({ kategoriBuku }: { kategoriBuku: string }) {
fit="contain"
fallbackSrc="/placeholder-book.jpg"
radius="md"
loading="lazy"
/>
</Center>
<Stack gap={4} align="center">

View File

@@ -69,7 +69,7 @@ function Content({ searchQuery }: ContentProps) {
state.dataPerpustakaan.findMany.data.length === 0 ? (
<Center py="xl">
<Stack gap="xs" align="center">
<Image src="/empty-books.svg" alt="Kosong" w={140} h="auto" />
<Image loading="lazy" src="/empty-books.svg" alt="Kosong" w={140} h="auto" />
<Text c="dimmed" fz="sm">Belum ada buku yang tersedia</Text>
</Stack>
</Center>
@@ -108,6 +108,7 @@ function Content({ searchQuery }: ContentProps) {
fit="contain"
fallbackSrc="/placeholder-book.jpg"
radius="md"
loading="lazy"
/>
</Center>
<Stack gap={4} align="center">