I-41 Make image as "lazy"

hhpr98 · Oct 28, 2023 · 12c2738 · 12c2738
1 parent 49e3695
commit 12c2738
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/src/components/PlaceGallery/PlaceGallery.tsx b/src/components/PlaceGallery/PlaceGallery.tsx
@@ -28,9 +28,9 @@ const PlaceGallery = (): JSX.Element => {
   return (
     <div>
       <div className="images">
-        <img src={defaultImageUrl} alt="image" onClick={handleImageClick} />
-        <img src={defaultImageUrl} alt="image" onClick={handleImageClick} />
-        <img src={defaultImageUrl} alt="image" onClick={handleImageClick} />
+        <img src={defaultImageUrl} alt="image" onClick={handleImageClick} loading="lazy" />
+        <img src={defaultImageUrl} alt="image" onClick={handleImageClick} loading="lazy" />
+        <img src={defaultImageUrl} alt="image" onClick={handleImageClick} loading="lazy" />
       </div>
       <div id="image-viewer">
         <span className="close" onClick={handleCloseImage}>&times;</span>