lazy load player skin parts
All checks were successful
Deploy App / docker (ubuntu-latest) (push) Successful in 54s

This commit is contained in:
Lee 2024-04-16 18:52:49 +01:00
parent d9b104067e
commit 15bc010394

@ -75,7 +75,9 @@ export default async function Page({ params }: Params) {
<p className="text-lg">Skin Parts</p> <p className="text-lg">Skin Parts</p>
<div className="flex gap-2"> <div className="flex gap-2">
{Object.entries(player.skin.parts).map(([key, value]) => { {Object.entries(player.skin.parts).map(([key, value]) => {
return <img className="h-[64px]" key={key} src={value} alt={`The player's ${key}`} />; return (
<img className="h-[64px]" key={key} src={value} alt={`The player's ${key}`} loading="lazy" />
);
})} })}
</div> </div>
</div> </div>