From ad56b4d22e900751ee66d90e70f972b461bf3ed8 Mon Sep 17 00:00:00 2001
From: Ayo Ayco <ayo@ayco.io>
Date: Sat, 4 Jan 2025 00:25:05 +0100
Subject: [PATCH] perf: use astro Image optimization

---
 astro.config.mjs               | 3 +++
 src/pages/tech-bsky-fedi.astro | 7 ++++++-
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/astro.config.mjs b/astro.config.mjs
index c88e0f2..b6738c5 100644
--- a/astro.config.mjs
+++ b/astro.config.mjs
@@ -5,6 +5,9 @@ import sitemap from '@astrojs/sitemap'
 // https://astro.build/config
 export default defineConfig({
   site: 'https://ayo.ayco.io',
+  image: {
+    domains: ['cdn.bsky.app'],
+  },
   integrations: [
     sitemap(),
     serviceWorker({
diff --git a/src/pages/tech-bsky-fedi.astro b/src/pages/tech-bsky-fedi.astro
index 965b62b..88520c6 100644
--- a/src/pages/tech-bsky-fedi.astro
+++ b/src/pages/tech-bsky-fedi.astro
@@ -1,5 +1,6 @@
 ---
 import { Code } from 'astro:components'
+import { Image } from 'astro:assets'
 import Footer from '../components/Footer.astro'
 import Layout from '../layouts/Layout.astro'
 import importedCode from '../../public/following_accounts.csv?raw'
@@ -84,9 +85,13 @@ const description =
           accountObjects.map((account, index) => (
             <tr>
               <td>
-                <img
+                <Image
                   src={data[index].avatar}
                   alt={`${account.bskyHandle}'s avatar`}
+                  width="50"
+                  height="50"
+                  decoding="async"
+                  loading="lazy"
                 />
               </td>
               <td>