andras/schmelczer-dev
1
0
Fork 0
Code Issues Pull requests 6 Projects Releases Packages Wiki Activity Actions

Lazy load media

Browse source
This commit is contained in:
schmelczerandras 2020-11-19 13:49:15 +01:00
parent c09f576cc1
commit 848ccf0ff3
3 changed files with 5 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

3
src/page/basics/image/image.html.ts
View file

@ -16,8 +16,11 @@ export const generate = ({
}): html => ` }): html => `
${container ? `<div class="figure-container">` : ''} ${container ? `<div class="figure-container">` : ''}
<img tabindex="0" <img tabindex="0"
loading="lazy"
srcset="${image.srcSet}" srcset="${image.srcSet}"
sizes="${sizes}" sizes="${sizes}"
width="${image.width}"
height="${image.height}"
src="${last(image.images)?.path}" src="${last(image.images)?.path}"
alt="${alt}" alt="${alt}"
/> />

2
src/page/basics/video/video.html.ts
View file

@ -16,7 +16,7 @@ export const generate = ({
container: boolean; container: boolean;
}): html => ` }): html => `
${container ? `<div class="figure-container">` : ''} ${container ? `<div class="figure-container">` : ''}
<video ${options} ${poster ? `poster="${poster}` : ''}" > <video loading="lazy" ${options} ${poster ? `poster="${poster}` : ''}" >
<source src="${webm}" type="video/webm"/> <source src="${webm}" type="video/webm"/>
<source src="${mp4}" type="video/mp4"/> <source src="${mp4}" type="video/mp4"/>
</video> </video>

1
src/styles.scss
View file

@ -63,6 +63,7 @@ html {
position: relative; position: relative;
z-index: -2; z-index: -2;
width: 100%; width: 100%;
height: auto;
} }
} }