diff options
| author | Fuwn <[email protected]> | 2022-03-09 01:18:51 -0800 |
|---|---|---|
| committer | Fuwn <[email protected]> | 2022-03-09 01:18:51 -0800 |
| commit | 6d84514b5d8bb5afac72684d8be7af8a40f784f9 (patch) | |
| tree | 9a764fea64fbbac3e2602647a73c9b6381b07c9b | |
| parent | feat(routes): auto-generated api docs (diff) | |
| download | frontend-next-6d84514b5d8bb5afac72684d8be7af8a40f784f9.tar.xz frontend-next-6d84514b5d8bb5afac72684d8be7af8a40f784f9.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> |