diff --git a/resources/js/components/gallery/PhotoThumbPanel.vue b/resources/js/components/gallery/PhotoThumbPanel.vue
index 9af17f2f63e..86e9f0334dd 100644
--- a/resources/js/components/gallery/PhotoThumbPanel.vue
+++ b/resources/js/components/gallery/PhotoThumbPanel.vue
@@ -22,6 +22,7 @@
 					:is-selected="props.selectedPhotos.includes(photo.id)"
 					:photo="photo"
 					:album="props.album"
+					:is-lazy="idx > 10"
 				/>
 			</template>
 		</div>
diff --git a/resources/js/components/gallery/thumbs/PhotoThumb.vue b/resources/js/components/gallery/thumbs/PhotoThumb.vue
index 4c86fdd8951..86f551a18a0 100644
--- a/resources/js/components/gallery/thumbs/PhotoThumb.vue
+++ b/resources/js/components/gallery/thumbs/PhotoThumb.vue
@@ -20,6 +20,7 @@
 				"
 				data-overlay="false"
 				draggable="false"
+				:loading="props.isLazy ? 'lazy' : 'eager'"
 			/>
 		</span>
 		<div class="overlay w-full absolute bottom-0 m-0 bg-gradient-to-t from-[#00000066] text-shadow-sm" :class="cssOverlay">
@@ -57,6 +58,7 @@ import Constants from "@/services/constants";
 
 const props = defineProps<{
 	isSelected: boolean;
+	isLazy: boolean;
 	album:
 		| App.Http.Resources.Models.AlbumResource
 		| App.Http.Resources.Models.TagAlbumResource