lazy loading on images

This commit is contained in:
localhost 2025-12-29 12:20:57 +01:00
parent 186a398f12
commit 1bf89c3e31
4 changed files with 6 additions and 6 deletions

View File

@ -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 %>

View File

@ -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 %>

View File

@ -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 %>

View File

@ -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 %>