From 1bf89c3e31be8ca1c91b2cef02bd86753155df00 Mon Sep 17 00:00:00 2001
From: localhost <o0l2qp3e@duck.com>
Date: Mon, 29 Dec 2025 12:20:57 +0100
Subject: [PATCH] lazy loading on images

---
 src/templates/channel-videos.eta | 2 +-
 src/templates/channel.eta        | 2 +-
 src/templates/latest.eta         | 4 ++--
 src/templates/search.eta         | 4 ++--
 4 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/templates/channel-videos.eta b/src/templates/channel-videos.eta
index 1e32330..ab18ce2 100644
--- a/src/templates/channel-videos.eta
+++ b/src/templates/channel-videos.eta
@@ -4,7 +4,7 @@
   <% it.videos.forEach(function(v){ %>
     <div class="video">
       <a href="/watch?v=<%= v.id %>">
-        <img class="thumbnail" src="<%= v.thumbnail %>" />
+        <img class="thumbnail" src="<%= v.thumbnail %>" loading="lazy" />
         <div class="title"><%= v.title %></div>
         <div class="date">
           Published on <%= v.published %>
diff --git a/src/templates/channel.eta b/src/templates/channel.eta
index bd42f89..0dbabab 100644
--- a/src/templates/channel.eta
+++ b/src/templates/channel.eta
@@ -17,7 +17,7 @@
     <% it.videos.forEach(function(v){ %>
       <div class="video">
         <a href="/watch?v=<%= v.id %>">
-          <img class="thumbnail" src="<%= v.thumbnail %>" />
+          <img class="thumbnail" src="<%= v.thumbnail %>" loading="lazy" />
           <div class="title"><%= v.title %></div>
           <div class="date">
             Published on <%= v.published %>
diff --git a/src/templates/latest.eta b/src/templates/latest.eta
index 4fcff94..71d3a28 100644
--- a/src/templates/latest.eta
+++ b/src/templates/latest.eta
@@ -4,12 +4,12 @@
   <% it.data.forEach(function(v){ %>
     <div class="video">
       <a href="/watch?v=<%= v.id %>">
-        <img class="thumbnail" src="<%= v.thumbnail %>" />
+        <img class="thumbnail" src="<%= v.thumbnail %>" loading="lazy" />
         <div class="title"><%= v.title %></div>
         <div class="date">Published on <%= v.published %> | Archived on <%= v.archived %></div>
       </a>
       <div class="channel-profile">
-        <img src="<%= v.channelAvatar %>" />
+        <img src="<%= v.channelAvatar %>" loading="lazy" />
         <span class="channel-name">
           <a href="/channel/<%= v.channelId %>">
             <%= v.channel %> 
diff --git a/src/templates/search.eta b/src/templates/search.eta
index 25d0f10..7af6e51 100644
--- a/src/templates/search.eta
+++ b/src/templates/search.eta
@@ -4,12 +4,12 @@
   <% it.data.forEach(function(v){ %>
     <div class="video">
       <a href="/watch?v=<%= v.id %>">
-        <img class="thumbnail" src="<%= v.thumbnail %>" />
+        <img class="thumbnail" src="<%= v.thumbnail %>" loading="lazy" />
         <div class="title"><%= v.title %></div>
         <div class="date">Published on <%= v.published %> | Archived on <%= v.archived %></div>
       </a>
       <div class="channel-profile">
-        <img src="<%= v.channelAvatar %>" />
+        <img src="<%= v.channelAvatar %>" loading="lazy" />
         <span class="channel-name">
           <a href="/channel/<%= v.channelId %>">
             <%= v.channel %>