michael/astro
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Updating the <Picture /> component to default to async image decoding (#3876)

Browse source 
* defaulting pictures to use decoding=async

* chore: add changeset
This commit is contained in:
Tony Sullivan 2022-07-09 18:44:31 +00:00 committed by GitHub
parent 1785e568a0
commit f961412862
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 6 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
.changeset/quiet-bananas-obey.md Normal file
View file

@ -0,0 +1,5 @@
---
'@astrojs/image': patch
---
Bug: Updating the <Picture /> component to default to async image decoding

2
packages/integrations/image/components/Picture.astro
View file

@ -21,7 +21,7 @@ export interface RemoteImageProps extends Omit<PictureAttributes, 'src' | 'width
export type Props = LocalImageProps | RemoteImageProps; 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 }); const { image, sources } = await getPicture({ loader, src, widths, formats, aspectRatio });
--- ---