[fix] remove lazy-loading for the images on above-the-fold area

tastejs · Jan 26, 2021 · 7a2d846 · 7a2d846
1 parent 3a30096
commit 7a2d846
Show file tree

Hide file tree

Showing 5 changed files with 3 additions and 6 deletions.
diff --git a/components/Hero.vue b/components/Hero.vue
@@ -36,7 +36,6 @@
 
           <nuxt-img
             v-if="backdrop"
-            loading="lazy"
             :class="$style.image"
             :alt="name"
             :src="backdrop" />

diff --git a/components/Modal.vue b/components/Modal.vue
@@ -47,7 +47,6 @@
 
             <nuxt-img
               v-if="type === 'image' && activeItem && activeItem.src"
-              loading="lazy"
               :src="activeItem.src" />
           </div>
 

diff --git a/components/movie/MovieInfo.vue b/components/movie/MovieInfo.vue
@@ -5,7 +5,6 @@
       <div :class="$style.poster">
         <nuxt-img
           v-if="poster"
-          loading="lazy"
           width="370"
           height="556"
           :src="poster"

diff --git a/components/person/PersonInfo.vue b/components/person/PersonInfo.vue
@@ -5,10 +5,9 @@
       <div :class="$style.poster">
         <nuxt-img
           v-if="avatar"
-          loading="lazy"
+          :src="avatar"
           width="370"
           height="556"
-          :src="avatar"
           :alt="person.name" />
 
         <span v-else>
@@ -37,6 +36,8 @@
           <nuxt-img
             v-if="avatar"
             :src="avatar"
+            width="370"
+            height="556"
             :alt="person.name" />
           <!-- eslint-disable-next-line vue/no-v-html -->
           <div v-html="formatContent(person.biography)" />

diff --git a/components/tv/TvInfo.vue b/components/tv/TvInfo.vue
@@ -5,7 +5,6 @@
       <div :class="$style.poster">
         <nuxt-img
           v-if="poster"
-          loading="lazy"
           width="370"
           height="556"
           :src="poster"