Lazy loading for images

Author: ItsiW

html/place.html

@@ -120,9 +120,9 @@ <h1 class="name">{{ name }}</h1>
       {% if food_image_path.endswith('.webp') %}
       <source srcset="{{ food_image_path }}" type="image/webp">
       <source srcset="{{ food_image_path.replace('.webp', '.jpg') }}" type="image/jpeg">
-      <img src="{{ food_image_path.replace('.webp', '.jpg') }}" alt="{{ alt_text }}" class="food-image">
+      <img src="{{ food_image_path.replace('.webp', '.jpg') }}" alt="{{ alt_text }}" class="food-image" loading="lazy">
       {% else %}
-      <img src="{{ food_image_path }}" alt="{{ alt_text }}" class="food-image">
+      <img src="{{ food_image_path }}" alt="{{ alt_text }}" class="food-image" loading="lazy">
       {% endif %}
     </picture>
     {% endif %}