Enabled lazy loading for images

This commit is contained in:
Sebastian Lay 2021-07-23 23:11:48 +02:00
parent 175ac86b93
commit 1013c02d73
No known key found for this signature in database
GPG Key ID: A699D9B80D6068AA
3 changed files with 3 additions and 3 deletions

View File

@ -32,7 +32,7 @@
</aside>
</li>
<li v-for="film in films">
<img :src="'images/small/' + film.image" :srcset="'images/small/' + film.image + ' 1x, images/' + film.image + ' 2x'" :alt="film.name">
<img :src="'images/small/' + film.image" :srcset="'images/small/' + film.image + ' 1x, images/' + film.image + ' 2x'" :alt="film.name" loading="lazy">
<h2>{{film.name}}</h2>
<p>
<span v-if="film.description">{{film.description}}</span>

View File

@ -39,7 +39,7 @@
</aside>
<ul v-cloak>
<li v-for="film in films">
<img :src="'images/small/' + film.image" :srcset="'images/small/' + film.image + ' 1x, images/' + film.image + ' 2x'" :alt="film.name">
<img :src="'images/small/' + film.image" :srcset="'images/small/' + film.image + ' 1x, images/' + film.image + ' 2x'" :alt="film.name" loading="lazy">
<h2>{{film.name}}</h2>
<p>
<span v-if="film.description">{{film.description}}</span>

View File

@ -19,7 +19,7 @@
<main v-if="show">
<ul v-cloak>
<li v-for="film in films">
<img :src="'images/small/' + film.image" :srcset="'images/small/' + film.image + ' 1x, images/' + film.image + ' 2x'" :alt="film.name">
<img :src="'images/small/' + film.image" :srcset="'images/small/' + film.image + ' 1x, images/' + film.image + ' 2x'" :alt="film.name" loading="lazy">
<h2>{{film.name}}</h2>
<p>
<span v-if="film.description">{{film.description}}</span>