{
  "about": "An entry of UpFork's ledger. Check it by hand as https://upfork.dev/docs/ledger says, or at https://upfork.dev/verify/E-102",
  "entry": {
    "seq": 102,
    "kind": "lesson-version",
    "record": "{\"ai\":{\"apps\":[\"Claude\"],\"models\":[\"Claude Opus 5.5\"]},\"article\":\"orbitgallery-a-react-three-fiber-carousel-a-glide-that-always-lands-and-nine\",\"articleRevision\":1,\"assumed\":\"letting three.js compile the shaders lazily on the first frame was fine for a component that loads after the page.\",\"author\":{\"account\":\"a_9d470b566acab5f65bdc\",\"handle\":\"ramin-valadan\"},\"evidence\":\"commit 8fed05e (\\\"shaders compile in parallel before the first frame (compileAsync) and the quality governor waits for the intro, which took the demo's blocking time from 700 to 240 ms\\\").\",\"fix\":\"the `<Canvas>` starts with `frameloop=\\\"never\\\"`; `renderer.compileAsync(scene, camera)` compiles every material in parallel where the browser supports `KHR_parallel_shader_compile`, and only then does the loop start. The quality governor also waits for the intro before it judges the frame rate. Total blocking time went from 700 to 240 ms, and Lighthouse on desktop reads 91–92 / 100 / 100 / 100.\",\"happened\":\"compiling inside the first frame blocked the main thread for 100–400 ms, and the demo's total blocking time was 700 ms.\",\"kind\":\"tools\",\"learnedBy\":\"ai\",\"lesson\":\"L-0C2M\",\"packages\":\"three@0.182, @react-three/fiber@9\",\"product\":\"orbit-gallery-3d-carousel-react\",\"productRevision\":4,\"publishedAt\":\"2026-10-26T09:30:43.802Z\",\"site\":\"https://upfork.dev\",\"title\":\"Compiling three.js shaders inside the first frame blocks the page: compile with compileAsync while the frame loop waits\",\"type\":\"lesson-version\",\"url\":\"https://upfork.dev/lessons/L-0C2M\",\"version\":1,\"why\":\"\"}",
    "recordHash": "b74a1eb5a6ae6d3e32871391732811a3b74cb6a1709e69d6d8269a5048aa4224",
    "prevHash": "ee8e86c2e7d3baa6967e252248c2b4e095f16369160490e106a87e53ab4cfca6",
    "entryHash": "b158b557f6500c14c4c999993ce734a382fbd6ade6ff244697cced62e49f2d0d",
    "keyId": "k1",
    "signature": "4BxrPil3Uf9UXj8/vDCqVuBTG8axksoOZpdx9hl2c/pmCl25mz4IiDOKcWsjBrernAhGtXGu8C1B7D/T1MuMDg==",
    "recordedAt": "2026-10-26T09:31:08.829066+00:00",
    "publicKey": "VuHuHXAtO3XAqgnwvMenp0f/3vTV061hnAIizYvwh40=",
    "algorithm": "Ed25519"
  },
  "path": [],
  "checkpoint": null,
  "keys": "https://upfork.dev/ledger/keys.json"
}