From 5f63d6808bd719ccdc612bfc1da7701b1584d28d Mon Sep 17 00:00:00 2001 From: Claude Date: Thu, 5 Nov 2026 04:26:01 +0000 Subject: [PATCH] Make every page respond within a frame: still field, no live blur, instant feedback Measured first (Chromium, 4x CPU throttle, WebGL field forced on), then fixed the causes: - The fixed WebGL field behind every page re-rendered at 60 fps whenever the pointer moved, so the GPU was busiest exactly while visitors hovered. It now renders one still frame (redrawn on resize only); 3D sigils likewise. - No backdrop blur over content that moves: the sticky header and glass panels use translucent solids; the menu backdrop blur is lighter. - Homepage hero: the colour grade and dimming are baked into new v2 clips and posters (mean difference 1-2/255), removing a per-frame CSS filter, opacity and blend mode over a full-screen video; the entrance is shorter and has no blur. - Reveals: 360-420 ms, transform and opacity only, smaller stagger. - Magnetic buttons removed (targets no longer move under the cursor). - Interaction layer: 100 ms hover, 60 ms press feedback on buttons and links, focus rings, touch-action manipulation, hover only where hover exists; every visible control now changes on hover (automated audit). - Same-site links prerender after a short hover (Speculation Rules) and pages crossfade (cross-document View Transitions). Result (p95 frame time / worst interaction, before -> after): factory 100 ms / 3280 ms -> 16.7 / 32; attest 217 / 688 -> 16.8 / 40; rise 350 / 1144 -> 33 / 120; flyspace 267 / 2824 -> 16.8 / 56; plus 33 / 3360 -> 16.8 / 40; home 67 / 760 -> 33 / 88. Co-Authored-By: Claude Opus 5.5 Claude-Session: https://claude.ai/code/session_01VHrJ4fbaWysbQJ2TrSq6FB --- .github/workflows/cloudflare-pages.yml | 2 +- 404.html | 6 +-- approach/index.html | 6 +-- factory/index.html | 6 +-- jev/index.html | 6 +-- kev/index.html | 6 +-- media/demos/README.md | 2 +- media/demos/gyre-full-portrait-v1.jpg | Bin 169587 -> 0 bytes media/demos/gyre-full-portrait-v1.mp4 | Bin 1596637 -> 0 bytes media/demos/gyre-full-portrait-v2.jpg | Bin 0 -> 101909 bytes media/demos/gyre-full-portrait-v2.mp4 | Bin 0 -> 1883643 bytes media/demos/gyre-full-v1.jpg | Bin 146506 -> 0 bytes media/demos/gyre-full-v1.mp4 | Bin 1502336 -> 0 bytes media/demos/gyre-full-v2.jpg | Bin 0 -> 88453 bytes media/demos/gyre-full-v2.mp4 | Bin 0 -> 1761885 bytes plus/index.html | 6 +-- privacy/index.html | 6 +-- projects/attest/index.html | 2 +- projects/flyspace/index.html | 2 +- projects/project-template.js | 6 ++- projects/rise/index.html | 6 +-- projects/syberwork/index.html | 2 +- research/decision-arena/index.html | 6 +-- research/index.html | 6 +-- research/jev-execution/index.html | 6 +-- research/sybershoke/index.html | 6 +-- rise-demo/index.html | 6 +-- services/index.html | 6 +-- src/hero-media.js | 10 ++-- src/home.css | 19 ++++---- src/site/field.js | 10 ++-- src/site/motion.js | 16 +------ src/site/site.js | 8 ++-- src/syberlabs.css | 63 ++++++++++++++++++++++++- stack/index.html | 6 +-- 35 files changed, 142 insertions(+), 90 deletions(-) delete mode 100644 media/demos/gyre-full-portrait-v1.jpg delete mode 100644 media/demos/gyre-full-portrait-v1.mp4 create mode 100644 media/demos/gyre-full-portrait-v2.jpg create mode 100644 media/demos/gyre-full-portrait-v2.mp4 delete mode 100644 media/demos/gyre-full-v1.jpg delete mode 100644 media/demos/gyre-full-v1.mp4 create mode 100644 media/demos/gyre-full-v2.jpg create mode 100644 media/demos/gyre-full-v2.mp4 diff --git a/.github/workflows/cloudflare-pages.yml b/.github/workflows/cloudflare-pages.yml index c7da01b..e1db991 100644 --- a/.github/workflows/cloudflare-pages.yml +++ b/.github/workflows/cloudflare-pages.yml @@ -157,7 +157,7 @@ jobs: test ! -e dist/projects/relay test ! -e dist/projects/osahr test -s dist/og/attest.png - test -s dist/media/demos/gyre-full-v1.mp4 + test -s dist/media/demos/gyre-full-v2.mp4 test -s dist/og/flyspace.png grep -Fq 'og:image' dist/projects/flyspace/index.html test ! -e dist/projects/omnios diff --git a/404.html b/404.html index 8e1a118..85acd20 100644 --- a/404.html +++ b/404.html @@ -9,7 +9,7 @@ - + Page not found | SyberLabs