perf(app): remove unused Google Fonts requests, add pre-JS loading spinner

- app.html: comment out 3 Google Fonts <link> tags (Noto Sans, Noto Serif,
  Roboto Mono) — no theme or component applies these families; all themes use
  system-ui. Saves 3 blocking network requests on every page load.
- app.html: add subtle CSS-only #ae_loader spinner (1.75rem ring, pointer-events:none)
  that shows during JS download + root load function, before Svelte mounts.
- +layout.svelte: add onMount to remove #ae_loader as soon as Svelte bootstraps;
  the existing is_hydrating frosted-glass overlay takes over from there.
- app.css: comment out orphaned Quicksand @font-face — font-family was never
  applied to any element so browser never fetched it anyway.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Scott Idem
2026-05-19 15:02:19 -04:00
parent 615af58a11
commit f37c64c68b
3 changed files with 43 additions and 4 deletions

View File

@@ -233,12 +233,14 @@ html.trusted_access #appShell {
font-display: swap;
} */
/* modern theme */
@font-face {
/* modern theme — @font-face commented out 2026-05-19: Quicksand is declared but no
CSS rule applies font-family:'Quicksand' to any element, so the browser never
fetches this file. Re-enable if a theme or component starts using it. */
/* @font-face {
font-family: 'Quicksand';
src: url('/fonts/Quicksand.ttf');
font-display: swap;
}
} */
/* :root [data-theme='modern'] { */
/* --theme-rounded-base: 20px;