feat(perf): add loading='lazy' attribute to space/project card images

bimdata · May 11, 2021 · d2d47df · d2d47df
1 parent b0574f4
commit d2d47df
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 1 deletion.
diff --git a/...nts/specific/projects/project-card/project-card-model-preview/ProjectCardModelPreview.vue b/...nts/specific/projects/project-card/project-card-model-preview/ProjectCardModelPreview.vue
@@ -20,6 +20,7 @@
     </div>
     <div class="project-card-model-preview__viewport" ref="viewport">
       <img
+        loading="lazy"
         :src="image ? image.url : '/static/default-model-preview.png'"
         :style="{ transform: `translateX(-${translation}px)` }"
       />

diff --git a/src/components/specific/spaces/space-card/space-card-image/SpaceCardImage.vue b/src/components/specific/spaces/space-card/space-card-image/SpaceCardImage.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="space-card-image" :style="{ backgroundColor }">
-    <img v-if="space.image" :src="space.image" />
+    <img v-if="space.image" loading="lazy" :src="space.image" />
     <svg
       v-else
       viewBox="-37 -27.5 215 196"