Updating the <Picture /> component to default to async image decoding (…

…#3876) * defaulting pictures to use decoding=async * chore: add changeset
withastro · Jul 9, 2022 · f961412 · f961412
1 parent 1785e56
commit f961412
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/.changeset/quiet-bananas-obey.md b/.changeset/quiet-bananas-obey.md
@@ -0,0 +1,5 @@
+---
+'@astrojs/image': patch
+---
+
+Bug: Updating the <Picture /> component to default to async image decoding
diff --git a/packages/integrations/image/components/Picture.astro b/packages/integrations/image/components/Picture.astro
@@ -21,7 +21,7 @@ export interface RemoteImageProps extends Omit<PictureAttributes, 'src' | 'width
 
 export type Props = LocalImageProps | RemoteImageProps;
 
-const { src, sizes, widths, aspectRatio, formats = ['avif', 'webp'], loading = 'lazy', decoding = 'eager', ...attrs } = Astro.props as Props;
+const { src, sizes, widths, aspectRatio, formats = ['avif', 'webp'], loading = 'lazy', decoding = 'async', ...attrs } = Astro.props as Props;
 
 const { image, sources } = await getPicture({ loader, src, widths, formats, aspectRatio });
 ---