ATProto Browser

ATProto Browser

Experimental browser for the Atmosphere

Post

The idea of web component “overhead” is overblown — to even my own surprise! Rendering 1000s of nested WCs is *more* than competitive with the heavyweight champs of the web framework world. We’re talking S/S+ tier perf depending on the initialization method. Cont…

Feb 24, 2025, 3:45 PM

Record data

{
  "uri": "at://did:plc:fxipo3ogt5nrxjddervd4hxa/app.bsky.feed.post/3liwox5d4fk2s",
  "cid": "bafyreih5vzjcpburizhcp2bdpr2rrwiqo6gyfkpddwnlgzsg7sffdcrotq",
  "value": {
    "text": "The idea of web component “overhead” is overblown — to even my own surprise!\n\nRendering 1000s of nested WCs is *more* than competitive with the heavyweight champs of the web framework world.\n\nWe’re talking S/S+ tier perf depending on the initialization method.\n\nCont…",
    "$type": "app.bsky.feed.post",
    "embed": {
      "$type": "app.bsky.embed.images",
      "images": [
        {
          "alt": "Screenshot of the JS Framework Benchmark results run locally on my computer. The order of results from most performant to least is:\n\n1. Vanilla JS\n2. Web Components 1\n3. Web Components 2 Fast\n4. Web Components 2\n3. Web Components 3 Fast\n4. Svelte 1\n5. Solid 2\n6. Solid 1\n7. Web Components 3\n8. Solid 3\n9. Svelte 2\n10. Svelte 3",
          "image": {
            "$type": "blob",
            "ref": {
              "$link": "bafkreidnxhzvbfoxgruo7bbsyde6xngd5wxs5pmqu3emo72fjxv3eekyum"
            },
            "mimeType": "image/jpeg",
            "size": 784110
          },
          "aspectRatio": {
            "width": 1712,
            "height": 1526
          }
        }
      ]
    },
    "langs": [
      "en"
    ],
    "createdAt": "2025-02-24T15:45:19.160Z"
  }
}