From 02e5589b90794533dd2ed8b93798fe419ed716d5 Mon Sep 17 00:00:00 2001
From: Nulo <git@nulo.in>
Date: Sun, 30 Jul 2023 22:31:08 -0300
Subject: [PATCH] lazy load imagenes y iframes

---
 src/index.11ty.jsx | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/src/index.11ty.jsx b/src/index.11ty.jsx
index 12569bb..9df2b87 100644
--- a/src/index.11ty.jsx
+++ b/src/index.11ty.jsx
@@ -125,11 +125,13 @@ export async function render(data) {
                   class="aspect-[1.3] w-1/2"
                   src="assets/img/imagen_naranja.webp"
                   alt="un grupo de personas atendiendo una capacitación, sentadas alrededor de una mesa, con tablets en sus manos"
+                  loading="lazy"
                 />
                 <img
                   class="aspect-[1.3] w-1/2"
                   src="assets/img/imagen_violeta.webp"
                   alt="un robot siendo manipulado por manos de niñxs, usando una laptop"
+                  loading="lazy"
                 />
               </div>
               <div class="flex items-center gap-4">
@@ -141,6 +143,7 @@ export async function render(data) {
                   class="mx-auto aspect-[1.94] w-8/12 flex-auto object-contain"
                   src="assets/img/imagen_celeste.webp"
                   alt="dos mujeres riendose mirando una tablet"
+                  loading="lazy"
                 />
                 <Wave
                   containerClass="mx-8 shrink-[2] max-w-[10vw]"
@@ -195,6 +198,7 @@ export async function render(data) {
                 <iframe
                   class="aspect-video w-full"
                   src="https://www.youtube-nocookie.com/embed/NsT30qGayP4"
+                  loading="lazy"
                   title="YouTube video player"
                   frameborder="0"
                   allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"