Doug Parker 🕸️ on Nostr: If the element is rendered client side, then yes I agree it should be render ...
If the element is rendered client side, then yes I agree it should be render blocking. `<some-comp></some-comp>` isn't meaningful to the user until it is rendered.
However from a strictly progressive enhancement perspective, I'd argue that the element should either:
1. Be server-side rendered such that it doesn't need to block on the CE definition.
2. Not be added to the page until the resources to render it have been loaded (you're breaking rendering for other things on the page).
You could do 2. with a `<script async>` which adds the element after defining it though this can be unergonomic.
Maybe improving the tooling and capabilities on that side might be more in line with PE ideals and avoid render blocking resources?
Published at
2024-06-12 19:15:58Event JSON
{
"id": "684dde44072f8dcba14887cd9122f4ebeb685d13be39863e7e18335524a06b2d",
"pubkey": "bb1742d1b321126a78c9a65acb9b810a49693c1b76b6446ae059fc3ff0cc2bf2",
"created_at": 1718219758,
"kind": 1,
"tags": [
[
"p",
"f29a4060dfdefb8809dd64eda7a8e1d89e7bd98040a1b82b9a1925378c158146"
],
[
"proxy",
"https://techhub.social/@develwithoutacause/112605250064259633",
"web"
],
[
"e",
"663fee5ff90e9cb159be13b78fde2bedeb79e1b3fc445b685afe302a56794d7a",
"",
"root"
],
[
"proxy",
"https://techhub.social/users/develwithoutacause/statuses/112605250064259633",
"activitypub"
],
[
"L",
"pink.momostr"
],
[
"l",
"pink.momostr.activitypub:https://techhub.social/users/develwithoutacause/statuses/112605250064259633",
"pink.momostr"
]
],
"content": "If the element is rendered client side, then yes I agree it should be render blocking. `\u003csome-comp\u003e\u003c/some-comp\u003e` isn't meaningful to the user until it is rendered.\n\nHowever from a strictly progressive enhancement perspective, I'd argue that the element should either:\n1. Be server-side rendered such that it doesn't need to block on the CE definition.\n2. Not be added to the page until the resources to render it have been loaded (you're breaking rendering for other things on the page).\n\nYou could do 2. with a `\u003cscript async\u003e` which adds the element after defining it though this can be unergonomic.\n\nMaybe improving the tooling and capabilities on that side might be more in line with PE ideals and avoid render blocking resources?",
"sig": "1bf1384ab97151878eb3626c38b541f66d7cdffc624dafd89c75737a49007bbd8d869ed128c9c0cc30a68a06a73e15bb0870763c3932e923a23872b5607d6d59"
}