scratchfoundation · florianeichincode · Oct 20, 2024
diff --git a/src/components/library-item/library-item.jsx b/src/components/library-item/library-item.jsx
@@ -39,6 +39,7 @@ class LibraryItemComponent extends React.PureComponent {
                     <img
                         className={styles.featuredImage}
                         src={this.props.iconURL}
+                        loading="lazy"
                     />
                 </div>
                 {this.props.insetIconURL ? (
@@ -130,6 +131,7 @@ class LibraryItemComponent extends React.PureComponent {
                         <img
                             className={styles.libraryItemImage}
                             src={this.props.iconURL}
+                            loading="lazy"
                         />
                     </Box>
                 </Box>

diff --git a/src/lib/libraries/decks/index.jsx b/src/lib/libraries/decks/index.jsx
@@ -7,7 +7,7 @@ import {FormattedMessage} from 'react-intl';
 import libraryIntro from './thumbnails/getting-started.jpg';
 
 // Getting Started ASL
-import libraryGettingStartedASL from './thumbnails/getting-started-asl.png';
+import libraryGettingStartedASL from './thumbnails/getting-started-asl.jpg';
 
 // Text to Speech
 import libraryTXTSpeech from './thumbnails/text-to-speech.jpg';

diff --git a/src/lib/libraries/decks/thumbnails/add-backdrop.jpg b/src/lib/libraries/decks/thumbnails/add-backdrop.jpg
diff --git a/src/lib/libraries/decks/thumbnails/add-effects.jpg b/src/lib/libraries/decks/thumbnails/add-effects.jpg
diff --git a/src/lib/libraries/decks/thumbnails/add-sprite.jpg b/src/lib/libraries/decks/thumbnails/add-sprite.jpg
diff --git a/src/lib/libraries/decks/thumbnails/animate-a-character.jpg b/src/lib/libraries/decks/thumbnails/animate-a-character.jpg
diff --git a/src/lib/libraries/decks/thumbnails/animate-a-name.jpg b/src/lib/libraries/decks/thumbnails/animate-a-name.jpg
diff --git a/src/lib/libraries/decks/thumbnails/animate-sprite.jpg b/src/lib/libraries/decks/thumbnails/animate-sprite.jpg
diff --git a/src/lib/libraries/decks/thumbnails/cartoon-network.jpg b/src/lib/libraries/decks/thumbnails/cartoon-network.jpg
diff --git a/src/lib/libraries/decks/thumbnails/change-size.jpg b/src/lib/libraries/decks/thumbnails/change-size.jpg
diff --git a/src/lib/libraries/decks/thumbnails/chase-game.jpg b/src/lib/libraries/decks/thumbnails/chase-game.jpg
diff --git a/src/lib/libraries/decks/thumbnails/code-a-cartoon.jpg b/src/lib/libraries/decks/thumbnails/code-a-cartoon.jpg
diff --git a/src/lib/libraries/decks/thumbnails/getting-started-asl.jpg b/src/lib/libraries/decks/thumbnails/getting-started-asl.jpg
diff --git a/src/lib/libraries/decks/thumbnails/getting-started-asl.png b/src/lib/libraries/decks/thumbnails/getting-started-asl.png
diff --git a/src/lib/libraries/decks/thumbnails/getting-started.jpg b/src/lib/libraries/decks/thumbnails/getting-started.jpg
diff --git a/src/lib/libraries/decks/thumbnails/glide-around.jpg b/src/lib/libraries/decks/thumbnails/glide-around.jpg
diff --git a/src/lib/libraries/decks/thumbnails/hide-and-show.jpg b/src/lib/libraries/decks/thumbnails/hide-and-show.jpg
diff --git a/src/lib/libraries/decks/thumbnails/imagine.jpg b/src/lib/libraries/decks/thumbnails/imagine.jpg
diff --git a/src/lib/libraries/decks/thumbnails/make-music.jpg b/src/lib/libraries/decks/thumbnails/make-music.jpg
diff --git a/src/lib/libraries/decks/thumbnails/move-arrow-keys.jpg b/src/lib/libraries/decks/thumbnails/move-arrow-keys.jpg
diff --git a/src/lib/libraries/decks/thumbnails/pong.jpg b/src/lib/libraries/decks/thumbnails/pong.jpg
diff --git a/src/lib/libraries/decks/thumbnails/pop-game.jpg b/src/lib/libraries/decks/thumbnails/pop-game.jpg
diff --git a/src/lib/libraries/decks/thumbnails/record-a-sound.jpg b/src/lib/libraries/decks/thumbnails/record-a-sound.jpg
diff --git a/src/lib/libraries/decks/thumbnails/spin.jpg b/src/lib/libraries/decks/thumbnails/spin.jpg
diff --git a/src/lib/libraries/decks/thumbnails/talking.png b/src/lib/libraries/decks/thumbnails/talking.png
diff --git a/src/lib/libraries/decks/thumbnails/tell-a-story.jpg b/src/lib/libraries/decks/thumbnails/tell-a-story.jpg
diff --git a/src/lib/libraries/decks/thumbnails/text-to-speech.jpg b/src/lib/libraries/decks/thumbnails/text-to-speech.jpg
diff --git a/src/lib/libraries/decks/thumbnails/video-sensing.jpg b/src/lib/libraries/decks/thumbnails/video-sensing.jpg