diff options
| author | Fuwn <[email protected]> | 2022-03-09 01:18:51 +0000 |
|---|---|---|
| committer | Fuwn <[email protected]> | 2022-03-09 01:18:51 +0000 |
| commit | 06105ac77b67a909da9ebfc952dac710209f373d (patch) | |
| tree | 9a764fea64fbbac3e2602647a73c9b6381b07c9b | |
| parent | feat(routes): auto-generated api docs (diff) | |
| download | archived-frontend-next-06105ac77b67a909da9ebfc952dac710209f373d.tar.xz archived-frontend-next-06105ac77b67a909da9ebfc952dac710209f373d.zip | |
feat(routes): fetch time
| -rw-r--r-- | src/routes/index.svelte | 5 | ||||
| -rw-r--r-- | src/routes/language.svelte | 5 | ||||
| -rw-r--r-- | src/routes/languages.svelte | 6 |
3 files changed, 13 insertions, 3 deletions
diff --git a/src/routes/index.svelte b/src/routes/index.svelte index bbb1670..a1a3a1c 100644 --- a/src/routes/index.svelte +++ b/src/routes/index.svelte @@ -19,11 +19,13 @@ 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 +48,7 @@ SPDX-License-Identifier: GPL-3.0-only --> /> </a> </div> + <p>Fetch time: {fetchTime}ms</p> {/if} <h2>Contributing</h2> diff --git a/src/routes/language.svelte b/src/routes/language.svelte index f9f1345..bbad67b 100644 --- a/src/routes/language.svelte +++ b/src/routes/language.svelte @@ -21,11 +21,13 @@ SPDX-License-Identifier: GPL-3.0-only --> import { page } from "$app/stores"; let language = $page.url.searchParams.get("language"); - let images; + let images, fetchTime; let complete = false; onMount(async () => { + fetchTime = performance.now(); images = await fetchImages(language); + fetchTime = performance.now() - fetchTime; complete = true; }); </script> @@ -54,5 +56,6 @@ SPDX-License-Identifier: GPL-3.0-only --> </li> {/each} </ul> + <p>Fetch time: {fetchTime}ms</p> {/if} </div> diff --git a/src/routes/languages.svelte b/src/routes/languages.svelte index 620d0cf..49d44d7 100644 --- a/src/routes/languages.svelte +++ b/src/routes/languages.svelte @@ -18,11 +18,14 @@ SPDX-License-Identifier: GPL-3.0-only --> <script> import { onMount } from "svelte"; import { fetchLanguages } from "$lib/api"; - let languages; + + let languages, fetchTime; let complete = false; onMount(async () => { + fetchTime = performance.now(); languages = await fetchLanguages(); + fetchTime = performance.now() - fetchTime; complete = true; }); </script> @@ -50,5 +53,6 @@ SPDX-License-Identifier: GPL-3.0-only --> </li> {/each} </ul> + <p>Fetch time: {fetchTime}ms</p> {/if} </div> |