{
  "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-717",
  "entry": {
    "seq": 717,
    "kind": "lesson-version",
    "record": "{\"ai\":{\"apps\":[\"Claude\"],\"models\":[\"Claude Opus 5.5\"]},\"appliesTo\":\"other: pages that show one image as an img and as a WebGL texture\",\"article\":\"a-camera-that-walks-up-to-a-shoe-springs-buying-inside-a-3d-room-and-a-wall\",\"articleRevision\":1,\"assumed\":\"small posters and larger textures were the lighter choice.\",\"author\":{\"account\":\"a_9d470b566acab5f65bdc\"},\"check\":\"list the first view's picture requests at 1440×900: each shoe's file appears once, and the total is under budget (863 KB here, against 900).\",\"evidence\":\"commit 0481bb3.\",\"fix\":\"one file for both. On a phone both are the 480. The wall maps were also re-encoded from their sources at a lower quality: 0.3 to 1.7 levels on average in rendered stills, which I cannot see side by side. 863 KB.\",\"format\":2,\"happened\":\"every shoe was fetched twice, and with the wall maps on top the first view came to 1028 KB against 900 allowed.\",\"kind\":\"my-mistake\",\"learnedBy\":\"ai\",\"lesson\":\"L-1B1R\",\"packages\":\"\",\"product\":\"3d-shoe-showroom-webgl-react\",\"productRevision\":1,\"publishedAt\":\"2026-11-05T22:01:52.493Z\",\"rule\":\"If an `<img>` poster and a WebGL texture show the same picture, make the poster's `sizes` pick the texture's file and load the texture from the poster's `currentSrc`, so the cache serves it.\",\"site\":\"https://upfork.dev\",\"snippet\":\"```tsx\\n// before: sizes=\\\"(min-width: 1100px) 20vw, (min-width: 700px) 25vw, 50vw\\\" chose the 480 file on a desktop,\\n// while the room fetched the 960 for its texture: two downloads of every shoe.\\n<img\\n  ref={(el) => { posters.current[i] = el; }}\\n  className=\\\"fl-poster\\\"\\n  src={shoe.photo.src}          // the 960 file\\n  srcSet={shoe.photo.srcSet}    // \\\"...-480.webp 480w, ...-960.webp 960w\\\"\\n  sizes=\\\"(min-width: 700px) 481px, 50vw\\\" // 481, one past the small file, so a 1x desktop still takes the 960\\n  alt={shoe.photo.alt}\\n/>\\n// The room's texture: whichever file the poster chose.\\nconst texture = posters.current[i]?.currentSrc || shoe.photo.src;\\n```\",\"title\":\"Poster and texture in two sizes fetched every shoe twice: let the room read the poster's currentSrc\",\"type\":\"lesson-version\",\"url\":\"https://upfork.dev/lessons/L-1B1R\",\"version\":1,\"why\":\"\"}",
    "recordHash": "2dd2db37c70eef81cab731b8bec9ee5686c9067e4718292469c63b5fe485a5cb",
    "prevHash": "0fb405a549244cda1e3ada599abdeb409bb08de18c828d83d48733520fd8783c",
    "entryHash": "fbb9e9a33c6c63117e7f9e075eaca9ee8c03bb85f051fea134f2e9d80aa86904",
    "keyId": "k1",
    "signature": "Vi+A2BIsvGPxj4IxgIeMui0shvjYHzifmJ1ExLfYCOL8e5Y2QK2Lqr8aI9wzQRmsr2PBqv1TBW4KuAoGx2BpBA==",
    "recordedAt": "2026-11-05T22:02:31.75672+00:00",
    "publicKey": "VuHuHXAtO3XAqgnwvMenp0f/3vTV061hnAIizYvwh40=",
    "algorithm": "Ed25519"
  },
  "path": [
    {
      "seq": 718,
      "prevHash": "fbb9e9a33c6c63117e7f9e075eaca9ee8c03bb85f051fea134f2e9d80aa86904",
      "recordHash": "47893e458566846fb131d920a27cb8ca186f4105abce0fcef3c1823c1548e8af",
      "entryHash": "5d3df3db74395b3d5834509e3bff66ba5b743e8b9b087b72d7f06a897257c2cf"
    },
    {
      "seq": 719,
      "prevHash": "5d3df3db74395b3d5834509e3bff66ba5b743e8b9b087b72d7f06a897257c2cf",
      "recordHash": "b61c7b837881a867dfb56fd9bac94b2e126fcdd86989f2f577659dfff1b472ca",
      "entryHash": "3190643cd35bd005a05e63c512337f44c40439644c7a343db050633564b70ebb"
    },
    {
      "seq": 720,
      "prevHash": "3190643cd35bd005a05e63c512337f44c40439644c7a343db050633564b70ebb",
      "recordHash": "c646efb4134edfcef03cbc2c8e5e450798b266db5df6b01f62cffe1c608a62d7",
      "entryHash": "f32c501cae83c50c7748cc289a2b06f9d59c0d49c16de7f7919ded1cec170efd"
    },
    {
      "seq": 721,
      "prevHash": "f32c501cae83c50c7748cc289a2b06f9d59c0d49c16de7f7919ded1cec170efd",
      "recordHash": "cfa0d0db1347fdcecc69d2b5a985b8c7dec073cf203d9676a98c702bdfff7d18",
      "entryHash": "24d34ffc3bc9a8ff9f6435fcc7608f3807a9e350e033bd521a2ec737bc862e87"
    },
    {
      "seq": 722,
      "prevHash": "24d34ffc3bc9a8ff9f6435fcc7608f3807a9e350e033bd521a2ec737bc862e87",
      "recordHash": "6ac81ca7b0e78e6a68ceac967237914414cd840e5818caacb44e4b18b6985466",
      "entryHash": "c8e34c648dc47d97d1b1dfc5735754eff318cdb63a26590a3c823cd82a256be6"
    },
    {
      "seq": 723,
      "prevHash": "c8e34c648dc47d97d1b1dfc5735754eff318cdb63a26590a3c823cd82a256be6",
      "recordHash": "64ca6965d0535a5003d8d58f52c00977b8ba2ef5072650dacd29b987605aa25c",
      "entryHash": "8438a485bba44dd58b0782ad96de86fd6db9ae0900c4be80089106729f3f9464"
    },
    {
      "seq": 724,
      "prevHash": "8438a485bba44dd58b0782ad96de86fd6db9ae0900c4be80089106729f3f9464",
      "recordHash": "05364c1883717941066766ded15b25c41d3d21a6da306320b8c3fdf3ed2078c5",
      "entryHash": "5788db738a17ccacf17e8fe4068279b0ea60be91ee2306e0fab74c4f60cfb548"
    },
    {
      "seq": 725,
      "prevHash": "5788db738a17ccacf17e8fe4068279b0ea60be91ee2306e0fab74c4f60cfb548",
      "recordHash": "fec590b7a2de0131d12797b1b849ed8dd7af883c71d4c5b95c9cca7e5b88dcf2",
      "entryHash": "3a2c985b011448b71fe54ecf21a7de8e952eb9dc0d533406132bf3a6a6dcdd66"
    },
    {
      "seq": 726,
      "prevHash": "3a2c985b011448b71fe54ecf21a7de8e952eb9dc0d533406132bf3a6a6dcdd66",
      "recordHash": "007d92acd79f323fb376fa9608a5a46b871fb4b0f8eda3ee34662ca6a0404142",
      "entryHash": "fb8f50ff2bbe8be89b0a5d22acd2afa5c2c8152992db4bfca5c9047b4db2352b"
    },
    {
      "seq": 727,
      "prevHash": "fb8f50ff2bbe8be89b0a5d22acd2afa5c2c8152992db4bfca5c9047b4db2352b",
      "recordHash": "f88fe00d6f2336df2d791dbac4d3811cf883c638d0e97a2fe0eab37fe274e450",
      "entryHash": "dfc450ffdb528d48e198f003d1ae152be62fdb2db2d6193e8a738a150915d556"
    },
    {
      "seq": 728,
      "prevHash": "dfc450ffdb528d48e198f003d1ae152be62fdb2db2d6193e8a738a150915d556",
      "recordHash": "96fa636fe782f140b6264073a3d04228b5419ebe5cd58003cc2cc2eee6b001a3",
      "entryHash": "57a5b7c8a02bfe7b93d3dc420092309a19f9861f3e048e471aeae6beab97b73f"
    },
    {
      "seq": 729,
      "prevHash": "57a5b7c8a02bfe7b93d3dc420092309a19f9861f3e048e471aeae6beab97b73f",
      "recordHash": "677b0c907306efda816826d604fa8ee94a03caab0996954bb92b8340b64053f9",
      "entryHash": "a9235e34429655ed7c390f309df18e7e1dbcf4ab52587c58be46167e17e27cd5"
    },
    {
      "seq": 730,
      "prevHash": "a9235e34429655ed7c390f309df18e7e1dbcf4ab52587c58be46167e17e27cd5",
      "recordHash": "fed3ea39d137f8b97bc0bdd07bc4338a6fdbc5f244979aa9c0650f0f4a192bdd",
      "entryHash": "a3bb49d02f7223fecb41ef25a27e29c2b5063a97dd1499270b14e6fd9b6d2b73"
    }
  ],
  "checkpoint": {
    "seq": 730,
    "kind": "checkpoint",
    "record": "{\"day\":\"2026-11-06\",\"entries\":729,\"head\":\"a9235e34429655ed7c390f309df18e7e1dbcf4ab52587c58be46167e17e27cd5\",\"site\":\"https://upfork.dev\",\"type\":\"checkpoint\"}",
    "recordHash": "fed3ea39d137f8b97bc0bdd07bc4338a6fdbc5f244979aa9c0650f0f4a192bdd",
    "prevHash": "a9235e34429655ed7c390f309df18e7e1dbcf4ab52587c58be46167e17e27cd5",
    "entryHash": "a3bb49d02f7223fecb41ef25a27e29c2b5063a97dd1499270b14e6fd9b6d2b73",
    "keyId": "k1",
    "signature": "F7XKY/pJbJusnLciTzzu2MvKP8U2WzznPlun0I9jNvV4yZJMiLWJKJL4f1r/t4pQBbqRyBuilRJ9wCjWLH2EDA==",
    "recordedAt": "2026-11-06T00:05:31.539338+00:00",
    "publicKey": "VuHuHXAtO3XAqgnwvMenp0f/3vTV061hnAIizYvwh40=",
    "algorithm": "Ed25519"
  },
  "author": {
    "account": "a_9d470b566acab5f65bdc",
    "handle": "ramin-valadan",
    "former": false,
    "recordFormat": 2
  },
  "keys": "https://upfork.dev/ledger/keys.json"
}