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

@@ -299,6 +299,7 @@ function EditPuskesmas() {
borderRadius: '8px',
border: '1px solid #ddd',
}}
loading="lazy"
/>
</Box>
)}

View File

@@ -86,7 +86,7 @@ function DetailPuskesmas() {
<Box>
<Text fz="lg" fw="bold">Gambar</Text>
{data?.image?.link ? (
<Image src={data.image.link} alt="gambar" radius="md" />
<Image src={data.image.link} alt="gambar" radius="md" loading="lazy"/>
) : (
<Text fz="md" c="dimmed">-</Text>
)}

View File

@@ -207,6 +207,7 @@ function CreatePuskesmas() {
borderRadius: '8px',
border: '1px solid #ddd',
}}
loading="lazy"
/>
</Box>
)}

View File

@@ -105,7 +105,7 @@ function ListPuskesmas({ search }: { search: string }) {
</TableTd>
<TableTd>{item.alamat}</TableTd>
<TableTd>
<Image w={100} src={item.image.link} alt="image" radius="md" />
<Image w={100} src={item.image.link} alt="image" radius="md" loading="lazy"/>
</TableTd>
<TableTd>
<Button