Incorporated lazy loading

index.html

@@ -6,7 +6,7 @@
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="description"
- content="Life in Focus: A Photographic Exploration of Earth's Natural Elegance. Photography by Steven Sewell.">
+  content="Life in Focus: A Photographic Exploration of Earth's Natural Elegance. Photography by Steven Sewell.">
  <meta name="author" content="Steven Sewell">
 
  <title>Crowned One Photography</title>
@@ -71,73 +71,73 @@ <h4 class="mb-3">Life in Focus: A Photographic Exploration of Earth's Natural El
 
  <div class="image-container">
  <a href="images/landscapes1.jpg" class="image Landscapes">
- <img src="images/landscapes1.jpg" alt="">
+ <img src="images/landscapes1.jpg" alt="" loading="lazy">
  </a>
  <a href="images/landscapes2.jpg" class="image Landscapes">
- <img src="images/landscapes2.jpg" alt="">
+ <img src="images/landscapes2.jpg" alt="" loading="lazy">
  </a>
  <a href="images/landscapes3.jpg" class="image Landscapes">
- <img src="images/landscapes3.jpg" alt="">
+ <img src="images/landscapes3.jpg" alt="" loading="lazy">
  </a>
  <a href="images/landscapes4.jpg" class="image Landscapes">
- <img src="images/landscapes4.jpg" alt="">
+ <img src="images/landscapes4.jpg" alt="" loading="lazy">
  </a>
  <a href="images/landscapes5.jpg" class="image Landscapes">
- <img src="images/landscapes5.jpg" alt="">
+ <img src="images/landscapes5.jpg" alt="" loading="lazy">
  </a>
  <a href="images/landscapes6.jpg" class="image Landscapes">
- <img src="images/landscapes6.jpg" alt="">
+ <img src="images/landscapes6.jpg" alt="" loading="lazy">
  </a>
  <a href="images/landscapes7.jpg" class="image Landscapes">
- <img src="images/landscapes7.jpg" alt="">
+ <img src="images/landscapes7.jpg" alt="" loading="lazy">
  </a>
 
  <a href="images/places1.jpg" class="image Places">
- <img src="images/places1.jpg" alt="">
+ <img src="images/places1.jpg" alt="" loading="lazy">
  </a>
  <a href="images/places2.jpg" class="image Places">
- <img src="images/places2.jpg" alt="">
+ <img src="images/places2.jpg" alt="" loading="lazy">
  </a>
  <a href="images/places3.jpg" class="image Places">
- <img src="images/places3.jpg" alt="">
+ <img src="images/places3.jpg" alt="" loading="lazy">
  </a>
  <a href="images/places4.jpg" class="image Places">
- <img src="images/places4.jpg" alt="">
+ <img src="images/places4.jpg" alt="" loading="lazy">
  </a>
  <a href="images/places5.jpg" class="image Places">
- <img src="images/places5.jpg" alt="">
+ <img src="images/places5.jpg" alt="" loading="lazy">
  </a>
  <a href="images/places6.jpg" class="image Places">
- <img src="images/places6.jpg" alt="">
+ <img src="images/places6.jpg" alt="" loading="lazy">
  </a>
  <a href="images/places7.jpg" class="image Places">
- <img src="images/places7.jpg" alt="">
+ <img src="images/places7.jpg" alt="" loading="lazy">
  </a>
  <a href="images/places8.jpg" class="image Places">
- <img src="images/places8.jpg" alt="">
+ <img src="images/places8.jpg" alt="" loading="lazy">
  </a>
 
  <a href="images/events1.jpg" class="image Events">
- <img src="images/events1.jpg" alt="">
+ <img src="images/events1.jpg" alt="" loading="lazy">
  </a>
 
- <a href="images/kuma1.jpg" class="image Kuma">
- <img src="images/kuma1.jpg" alt="">
+ <a href="images/kuma1.jpg" class="image Kuma" title="Kuma">
+ <img src="images/kuma1.jpg" alt="" loading="lazy">
  </a>
  <a href="images/kuma2.jpg" class="image Kuma">
- <img src="images/kuma2.jpg" alt="">
+ <img src="images/kuma2.jpg" alt="" loading="lazy">
  </a>
  <a href="images/kuma3.jpg" class="image Kuma">
- <img src="images/kuma3.jpg" alt="">
+ <img src="images/kuma3.jpg" alt="" loading="lazy">
  </a>
  <a href="images/kuma4.jpg" class="image Kuma">
- <img src="images/kuma4.jpg" alt="">
+ <img src="images/kuma4.jpg" alt="" loading="lazy">
  </a>
  <a href="images/kuma5.jpg" class="image Kuma">
- <img src="images/kuma5.jpg" alt="">
+ <img src="images/kuma5.jpg" alt="" loading="lazy">
  </a>
  <a href="images/kuma6.jpg" class="image Kuma">
- <img src="images/kuma6.jpg" alt="">
+ <img src="images/kuma6.jpg" alt="" loading="lazy">
  </a>
 
  </div>