diff --git a/.forgejo/workflows/unlighthouse.yml b/.forgejo/workflows/unlighthouse.yml
index 48c36e0..8be6015 100644
--- a/.forgejo/workflows/unlighthouse.yml
+++ b/.forgejo/workflows/unlighthouse.yml
@@ -20,7 +20,7 @@ jobs:
       - name: Checkout repository
         uses: https://code.forgejo.org/actions/checkout@v3 
       - name: Run unlighthouse
-        run: unlighthouse-ci --site "http://localhost:8081/" --disable-dynamic-sampling
+        run: unlighthouse-ci --site "http://localhost:8081/"
       - name: Prepare artifacts
         run: cp serve.json unlighthouse-reports
       - name: Upload reports
diff --git a/package.json b/package.json
index 3502a46..74b3a10 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
 	"name": "@firq/fgosite",
 	"type": "module",
-	"version": "0.2.0-pre.14",
+	"version": "0.2.0-pre.15",
 	"private": true,
 	"scripts": {
 		"dev": "astro dev",
diff --git a/src/components/cards/ceCard.astro b/src/components/cards/ceCard.astro
index 150309c..e916c83 100644
--- a/src/components/cards/ceCard.astro
+++ b/src/components/cards/ceCard.astro
@@ -20,7 +20,7 @@ const mlb_image = mlb ? 'mlbalign' : 'hidemlb'
 
 <article>
   <div>
-    <Image src={loadedCEImage} alt={name} class="ce-crop" />
+    <Image src={loadedCEImage} widths={[85, 128]} sizes={"(max-width: 512px) 85px, 128px"} quality={100} alt={name} class="ce-crop" />
   </div>
   <div class={mlb_image}>
     <Image src={mlb_ce} alt="Max-limit broken" class="mlb" />
diff --git a/src/components/cards/favouriteCard.astro b/src/components/cards/favouriteCard.astro
index f1478a7..e6392ed 100644
--- a/src/components/cards/favouriteCard.astro
+++ b/src/components/cards/favouriteCard.astro
@@ -25,7 +25,7 @@ const loadedImage = plsLoadImage(images, imagePath)
   aria-label=`${name} - new window`
 >
   <div class="heading">{name}</div>
-  <Image src={loadedImage} alt={name} loading={'eager'}/>
+  <Image src={loadedImage} widths={[256, 512]} sizes={"(max-width: 512px) 256px, 512px"} quality={100} alt={name} loading={'eager'}/>
   <h2 class="subtext">
     {origin}
   </h2>
diff --git a/src/components/cards/servantCard.astro b/src/components/cards/servantCard.astro
index a024423..7a39b56 100644
--- a/src/components/cards/servantCard.astro
+++ b/src/components/cards/servantCard.astro
@@ -30,14 +30,14 @@ if (bond10 === false) {
 ---
 
 <article>
-  <Image src={loadedServantImage} alt={name} />
+  <Image src={loadedServantImage} widths={[90, 256]} sizes={"(max-width: 512px) 90px, 256px"} quality={100} alt={name} />
   <h2 class="subtext">
     Level {level}<br />
     {skills}<br />
     NP {np}
   </h2>
   <div class="expand-on-hover">
-    <Image src={loadedBondCEImage} alt="" class={bondce_css}/>
+    <Image src={loadedBondCEImage} widths={[106, 150]} sizes={"(max-width: 512px) 106px, 150px"} quality={100} alt="" class={bondce_css}/>
     <h2 class="subtext">Mana Loading: {ml === 'Not Unlocked' && <br />}{ml}</h2>
   </div>
 </article>
diff --git a/src/components/cards/taCard.astro b/src/components/cards/taCard.astro
index 5eaf381..ed9e0c5 100644
--- a/src/components/cards/taCard.astro
+++ b/src/components/cards/taCard.astro
@@ -44,7 +44,7 @@ if (user !== undefined) {
 
 <a href={link} target="_blank" rel="noopener noreferrer" aria-label={title}>
   <article>
-    <Image src={loadedTargetImage} alt={title} class="icon" />
+    <Image src={loadedTargetImage} widths={[112, 128]} sizes={"(max-width: 512px) 112px, 128px"} quality={100} alt={title} class="icon" />
     <div class="title">
       <h2>{title}</h2>
     </div>
diff --git a/src/utils/tools.ts b/src/utils/tools.ts
index 4dc88c9..eeb7416 100644
--- a/src/utils/tools.ts
+++ b/src/utils/tools.ts
@@ -1,4 +1,4 @@
-export function plsLoadImage(record: Record<string, () => Promise<{default: ImageMetadata}>>, path: string) {
+export async function plsLoadImage(record: Record<string, () => Promise<{default: ImageMetadata}>>, path: string) {
   const loadedImage = record[path]?.();
   if (!loadedImage) throw new Error("Asset was not found:" + path);
   return loadedImage;
diff --git a/unlighthouse.config.ts b/unlighthouse.config.ts
index 53ba891..8ae18a1 100644
--- a/unlighthouse.config.ts
+++ b/unlighthouse.config.ts
@@ -10,12 +10,13 @@ export default {
     },
     ci: {
         budget: 50,
-        buildStatic: true
+        buildStatic: true,
     },
     scanner: {
         device: 'mobile',
         sitemap: true,
         throttle: false,
+        dynamicSampling: false,
     },
     outputPath: "unlighthouse-reports",
 }