Leahnaya/splatoon3.ink
1
0
Fork 0
mirror of https://github.com/misenhower/splatoon3.ink.git synced 2026-03-21 09:44:09 -05:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

Add lazy loading to splatfest images to reduce concurrent requests

Browse Source 
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Matt Isenhower 2026-02-21 16:08:18 -08:00
parent 94aa3d7ece
commit 6b686fb7f4
3 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/SplatfestBox.vue
View File

@ -13,7 +13,7 @@
</div>
<div>
<img :src="props.festival.image.url" />
<img :src="props.festival.image.url" loading="lazy" />
<div class="flex -mt-3 mb-4">
<template v-for="(team, i) in festival.teams" :key="team.id">

2
src/components/SplatfestMultiBox.vue
View File

@ -12,7 +12,7 @@
</div>
<div>
<img :src="festival.image.url" />
<img :src="festival.image.url" loading="lazy" />
<div class="flex -mt-3 mb-4">
<template v-for="(team, i) in festival.teams" :key="team.id">

2
src/components/SplatfestResultsBox.vue
View File

@ -10,7 +10,7 @@
<div class="w-36 sm:mx-4 lg:-mx-1" />
<template v-for="team in festival.teams" :key="team.id">
<div class="w-12 mx-2 sm:w-20 flex justify-center py-1 rounded-sm" :style="`background-color: ${toRgba(team.color)};`">
<img :src="team.image.url" class="w-6 h-6" />
<img :src="team.image.url" class="w-6 h-6" loading="lazy" />
</div>
</template>
</div>