Enforce website output performance budgets

.github/readme-source.json

@@ -1,6 +1,6 @@
 {
   "version": 1,
-  "sha256": "51cd15b307acab88735be32aeb4f7a43e33701ccab0cd1df138f25cb322acec2",
+  "sha256": "c33ad5c2b71b2c23009039904a6d7ede8ca447975c6cc5442bd0a88bab7e34b9",
   "history": {
     "forbidden_commits": ["ec050dfdfec522d814f1e1e8eb1c7aaf42e880be"]
   }

.github/workflows/ci.yml

@@ -29,7 +29,7 @@ jobs:
       with:
         persist-credentials: false
     - name: Set up development tools
-      uses: nicodes/tools/setup@a1c0321f3b4917a7e99eca42e241e46670f6e1e1
+      uses: nicodes/tools/setup@7b67a800c8b8d690c4483ad9c738da3d1aabbdf6
       env:
         GH_TOKEN: ${{ github.token }}
       timeout-minutes: 5

.github/workflows/dependency-policy.yml

@@ -48,7 +48,7 @@ jobs:
       env:
         GH_TOKEN: ${{ github.token }}
       timeout-minutes: 7
-      uses: nicodes/tools/dependencies@a1c0321f3b4917a7e99eca42e241e46670f6e1e1
+      uses: nicodes/tools/dependencies@7b67a800c8b8d690c4483ad9c738da3d1aabbdf6
       with:
         apply: 'true'
         output: ${{ runner.temp }}/dependency-report.json

README.md

@@ -1,4 +1,4 @@
-<!-- Generated from private documentation source. Do not edit directly. Source SHA256: 6a543e41f12752137d68ef5feb225f587b9d2d0d3506616861a5035a16501efb -->
+<!-- Generated from private documentation source. Do not edit directly. Source SHA256: 828c700d5a2a07da6c12726c94caec049b161faefb265221966cee3b3db17ca0 -->
 
 # aviorstudio-web
 
@@ -31,3 +31,5 @@ Build commands record source and exact regular output hashes. Declared tests pro
 ## Contributor task interface
 
 Contributor tool versions and task entry points live in the native Mise configuration. Use `mise run lint` for source checks, `mise run test` for the applicable behavioral tests, and `mise run check` for the complete supported gate. `mise run clean` removes declared generated outputs while preserving source, credentials and retained data. Use `mise run dev` and `mise run stop` for this checkout's owned local session.
+
+Built exports enforce the product byte limits in `scripts/site-budget.json`: 2 MiB total, 512 KiB per file, 64 KiB gzip HTML per page and 128 KiB gzip JavaScript in aggregate. `mise run artifact-check` checks these actual output bytes alongside metadata and accessible markup. Browser acceptance covers responsive layout, images and keyboard use.

mise.toml

@@ -16,7 +16,7 @@ run = "python3 \"$TOOLS_ROOT/helpers/verification.py\" build --name build --arti
 depends = ["install"]
 
 [tasks."artifact-check"]
-run = ["python3 scripts/check-output.py", "python3 \"$TOOLS_ROOT/helpers/site-contract.py\" dist"]
+run = ["python3 scripts/check-output.py", "python3 \"$TOOLS_ROOT/helpers/site-contract.py\" dist --budget scripts/site-budget.json"]
 depends = ["build"]
 
 [tasks."dev"]

scripts/site-budget.json

@@ -0,0 +1,6 @@
+{
+  "max_total_bytes": 2097152,
+  "max_file_bytes": 524288,
+  "max_html_gzip_bytes": 65536,
+  "max_javascript_gzip_bytes": 131072
+}

src/pages/games.astro

@@ -1,5 +1,7 @@
 ---
+import { Image } from 'astro:assets';
 import octicons from '@primer/octicons';
+import revikTitle from '../assets/revik-title.png';
 import Entry from '../components/Entry.astro';
 import Full from '../layouts/Full.astro';
 
@@ -26,7 +28,7 @@ const icon = (name: keyof typeof octicons, size = 16) => octicons[name].toSVG({
 
 		<section class="game-gallery" aria-label="Art from our games">
 			<a href="https://app.revik.gg">
-				<img src="/art/revik-title.png" alt="Fields of Revik" />
+				<Image src={revikTitle} alt="Fields of Revik" format="webp" quality={80} width={768} loading="lazy" />
 				<span>Play Fields of Revik ↗</span>
 			</a>
 			<a href="#castle-drop">

src/pages/index.astro

@@ -1,4 +1,6 @@
 ---
+import { Image } from 'astro:assets';
+import revikTitle from '../assets/revik-title.png';
 import Full from '../layouts/Full.astro';
 ---
 
@@ -26,8 +28,10 @@ import Full from '../layouts/Full.astro';
 				<span class="cover-index">AVIOR STUDIO / SELECTED WORK</span>
 			</div>
 			<a class="cover-art" href="https://app.revik.gg" aria-label="Play Fields of Revik">
-				<img
-					src="/art/revik-title.png"
+				<Image
+					src={revikTitle}
+					format="webp"
+					quality={80}
 					alt="A fox knight overlooking the colourful hex-tile valley of Fields of Revik"
 					width="1024"
 					height="1536"