Nulo/alfadatizar
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

lazy load imagenes y iframes

Browse source
This commit is contained in:
Cat /dev/Nulo 2023-07-30 22:31:08 -03:00
parent f7b2cde74e
commit 02e5589b90
1 changed files with 4 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/index.11ty.jsx
View file

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