lazy loading on images
This commit is contained in:
parent
186a398f12
commit
1bf89c3e31
|
|
@ -4,7 +4,7 @@
|
||||||
<% it.videos.forEach(function(v){ %>
|
<% it.videos.forEach(function(v){ %>
|
||||||
<div class="video">
|
<div class="video">
|
||||||
<a href="/watch?v=<%= v.id %>">
|
<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="title"><%= v.title %></div>
|
||||||
<div class="date">
|
<div class="date">
|
||||||
Published on <%= v.published %>
|
Published on <%= v.published %>
|
||||||
|
|
|
||||||
|
|
@ -17,7 +17,7 @@
|
||||||
<% it.videos.forEach(function(v){ %>
|
<% it.videos.forEach(function(v){ %>
|
||||||
<div class="video">
|
<div class="video">
|
||||||
<a href="/watch?v=<%= v.id %>">
|
<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="title"><%= v.title %></div>
|
||||||
<div class="date">
|
<div class="date">
|
||||||
Published on <%= v.published %>
|
Published on <%= v.published %>
|
||||||
|
|
|
||||||
|
|
@ -4,12 +4,12 @@
|
||||||
<% it.data.forEach(function(v){ %>
|
<% it.data.forEach(function(v){ %>
|
||||||
<div class="video">
|
<div class="video">
|
||||||
<a href="/watch?v=<%= v.id %>">
|
<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="title"><%= v.title %></div>
|
||||||
<div class="date">Published on <%= v.published %> | Archived on <%= v.archived %></div>
|
<div class="date">Published on <%= v.published %> | Archived on <%= v.archived %></div>
|
||||||
</a>
|
</a>
|
||||||
<div class="channel-profile">
|
<div class="channel-profile">
|
||||||
<img src="<%= v.channelAvatar %>" />
|
<img src="<%= v.channelAvatar %>" loading="lazy" />
|
||||||
<span class="channel-name">
|
<span class="channel-name">
|
||||||
<a href="/channel/<%= v.channelId %>">
|
<a href="/channel/<%= v.channelId %>">
|
||||||
<%= v.channel %>
|
<%= v.channel %>
|
||||||
|
|
|
||||||
|
|
@ -4,12 +4,12 @@
|
||||||
<% it.data.forEach(function(v){ %>
|
<% it.data.forEach(function(v){ %>
|
||||||
<div class="video">
|
<div class="video">
|
||||||
<a href="/watch?v=<%= v.id %>">
|
<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="title"><%= v.title %></div>
|
||||||
<div class="date">Published on <%= v.published %> | Archived on <%= v.archived %></div>
|
<div class="date">Published on <%= v.published %> | Archived on <%= v.archived %></div>
|
||||||
</a>
|
</a>
|
||||||
<div class="channel-profile">
|
<div class="channel-profile">
|
||||||
<img src="<%= v.channelAvatar %>" />
|
<img src="<%= v.channelAvatar %>" loading="lazy" />
|
||||||
<span class="channel-name">
|
<span class="channel-name">
|
||||||
<a href="/channel/<%= v.channelId %>">
|
<a href="/channel/<%= v.channelId %>">
|
||||||
<%= v.channel %>
|
<%= v.channel %>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue