feat: api fetch time

[frontend-next.git] / src / routes / index.svelte

diff --git a/src/routes/index.svelte b/src/routes/index.svelte
index efa4d0018f64b3c91c12f3cc3dd2fef4ed25d60c..ce5a5960a002a3a1695d04a186e7b0736b43a6b1 100644 (file)
--- a/src/routes/index.svelte
+++ b/src/routes/index.svelte
@@ -19,11 +19,14 @@ SPDX-License-Identifier: GPL-3.0-only -->
   import { onMount } from "svelte";
   import { fetchRandomImage } from "$lib/api";
 
-  let image;
+  let image, fetchTime;
   let complete = false;
 
   onMount(async () => {
+    fetchTime = performance.now();
     image = (await fetchRandomImage()).image;
+    fetchTime = performance.now() - fetchTime;
+
     complete = true;
   });
 </script>
@@ -46,6 +49,7 @@ SPDX-License-Identifier: GPL-3.0-only -->
         />
       </a>
     </div>
+    <small>Fetch time: {fetchTime}ms</small>
   {/if}
 
   <h2>Contributing</h2>