Lazy load sidebar channel and chapters thumbnails (#3245)

2024-12-01 22:51:18 +01:00 · 2023-03-05 22:00:04 +01:00 · 2023-03-05 22:00:04 +01:00 · ab235b79d2
commit ab235b79d2
parent 56a1c35113
3 changed files with 4 additions and 1 deletions
--- a/src/renderer/components/side-nav/side-nav.css
+++ b/src/renderer/components/side-nav/side-nav.css
@ -95,7 +95,6 @@

 .channelThumbnail {
  border-radius: 50%;
-  width: 35px;
  vertical-align: middle;
 }

--- a/src/renderer/components/side-nav/side-nav.vue
+++ b/src/renderer/components/side-nav/side-nav.vue
@ -214,6 +214,9 @@
          >
            <img
              class="channelThumbnail"
+              height="35"
+              width="35"
+              loading="lazy"
              :src="channel.thumbnail"
              :alt="isOpen ? '' : channel.name"
            >
--- a/src/renderer/components/watch-video-chapters/watch-video-chapters.vue
+++ b/src/renderer/components/watch-video-chapters/watch-video-chapters.vue
@ -50,6 +50,7 @@
          alt=""
          aria-hidden="true"
          class="chapterThumbnail"
+          loading="lazy"
          :src="chapter.thumbnail"
        >
        <div class="chapterTimestamp">