lazy-load images in list views

ckruse · Mar 20, 2022 · 6b4cc36 · 6b4cc36
1 parent f359e28
commit 6b4cc36
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/src/pictures/mod.rs b/src/pictures/mod.rs
@@ -13,7 +13,7 @@ pub mod index;
 pub mod new;
 pub mod show;
 
-static PER_PAGE: i64 = 36;
+static PER_PAGE: i64 = 60;
 
 #[derive(Debug, Serialize, Deserialize)]
 pub enum ImageTypes {

diff --git a/templates/pictures/picture.html.jinja b/templates/pictures/picture.html.jinja
@@ -28,7 +28,7 @@
     {% else %}
     <a href="{{self::picture_img_uri(picture, None)}}">
     {% endif %}
-      <img src="{{self::picture_img_uri(picture, Some(picture_type))}}" alt="{% if let Some(alt) = picture.alt %}{{alt}}{% endif %}" class="image u-photo">
+      <img src="{{self::picture_img_uri(picture, Some(picture_type))}}" alt="{% if let Some(alt) = picture.alt %}{{alt}}{% endif %}"{% if index %} loading="lazy"{%endif %} class="image u-photo">
     </a>
 
     {% if picture_type != "thumbnail" || home %}