-
@@ -134,6 +141,7 @@ import introShowCaseWebm from "@/assets/images/contribution/animations/introShow
import jcAnimationsMp4 from "@/assets/images/contribution/animations/JetpackComposeAnimations.mp4";
import jcAnimationsWebm from "@/assets/images/contribution/animations/JetpackComposeAnimations.webm";
import Config from "@/config.js";
+import lozad from "lozad";
library.add(faGithub);
@@ -172,6 +180,9 @@ export default {
],
};
},
+ mounted() {
+ lozad().observe(); // lazy loads videos with default selector as '.lozad'
+ },
methods: {
openLink(contributions) {
window.open(contributions.link, "_blank");
diff --git a/vue-frontend/src/components/home-new/ContributionSectionMobile.vue b/vue-frontend/src/components/home-new/ContributionSectionMobile.vue
index 0e91431b4..d7dffca4d 100644
--- a/vue-frontend/src/components/home-new/ContributionSectionMobile.vue
+++ b/vue-frontend/src/components/home-new/ContributionSectionMobile.vue
@@ -30,9 +30,9 @@
:class="index % 2 != 0 ? 'tw-flex-row-reverse' : 'tw-flex-row'"
>
-
-
-
+
+
+
@@ -124,6 +124,7 @@ import introShowCaseWebm from "@/assets/images/contribution/animations/introShow
import jcAnimationsMp4 from "@/assets/images/contribution/animations/JetpackComposeAnimations.mp4";
import jcAnimationsWebm from "@/assets/images/contribution/animations/JetpackComposeAnimations.webm";
import Config from "@/config.js";
+import lozad from "lozad";
library.add(faGithub);
@@ -158,6 +159,9 @@ export default {
],
};
},
+ mounted() {
+ lozad().observe(); // lazy loads videos with default selector as '.lozad'
+ },
methods: {
openLink(contributions) {
window.open(contributions.link, "_blank");
diff --git a/vue-frontend/src/components/home-new/HomeIndex.vue b/vue-frontend/src/components/home-new/HomeIndex.vue
index ada3cb7a5..3dab1e695 100644
--- a/vue-frontend/src/components/home-new/HomeIndex.vue
+++ b/vue-frontend/src/components/home-new/HomeIndex.vue
@@ -20,18 +20,37 @@