Merge pull request #656 from pycontw/fix/slido-iframe

feat: lazy-loading iframes in keynotes and talks pages

Author: Ritabear

components/core/embed/Youtube.vue

@@ -5,6 +5,7 @@
             frameborder="0"
             allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
             allowfullscreen
+            loading="lazy"
         >
         </iframe>
     </div>

components/core/tabs/Tab.vue

@@ -14,7 +14,7 @@ export default {
     },
     data() {
         return {
-            isActive: true,
+            isActive: false,
         }
     },
 }

pages/conference/_eventType/_id.vue

@@ -135,12 +135,14 @@
                 <iframe
                     class="speech__slido"
                     :src="data.slido_embed_link"
+                    loading="lazy"
                 ></iframe>
             </tab>
             <tab v-if="!!data.hackmd_embed_link" :title="$t('terms.note')">
                 <iframe
                     class="speech__hackmd"
                     :src="data.hackmd_embed_link"
+                    loading="lazy"
                 ></iframe>
             </tab>
         </tabs>

pages/conference/keynotes.vue

@@ -95,6 +95,7 @@
                         <iframe
                             class="keynote__slido"
                             :src="keynote.slido"
+                            loading="lazy"
                         ></iframe>
                     </tab>
                     <tab
@@ -104,6 +105,7 @@
                         <iframe
                             class="keynote__hackmd"
                             :src="keynote.hackmd_embed_link"
+                            loading="lazy"
                         ></iframe>
                     </tab>
                 </tabs>