Can HTML `<template>` elements improve performance while keeping content visible to bots and AI scrapers? This dev tested 4 approaches across 100,000 items and the results for AI discoverability are surprising.
{ author: @stuffbreaker }
https://t.co/Ex1TG0ZRcA
The idea popped into my head that maybe you could use the <template> element to create virtualized content while still making it available for AI agents and bots, so I decided to test it out.
#html#webcomponents#javascript#performance
https://t.co/PmAtilT8SJ
One of the pain points of my #WebComponents type parser was its inability to parse types from "node_modules". Now it will parse them, and if it can't, it logs a warning with the type name, declaration location, and reason it was skipped.
https://t.co/XJu6j6FFa4
@mitchellh I also think there's a weird mentality being pushed sometimes where you're either 100% all-in on AI or you're not at all and being left behind.
I think AI is another great tool I get to add to my arsenal.
@ryanflorence@diegohaz@stolinski The way we have worked around this in the past for clickable cards is to pass the click event to an interactive element within the card and tell it to ignore other clicks to prevent other element clicks from bubbling up to the card-level click event listener.
@ryanflorence@diegohaz@stolinski I love this idea!
My biggest concern is that this would open the door for accessibility issues. That card scenario is a good example. It results in nested interactive elements.
https://t.co/HDDhh7u7po
๐๏ธ @stuffbreaker is speaking at #StirTrek2026!
"The 5 Fundamentals of UX Everyone Should Know"
๐ 1 May 2026 11:30 AM
๐๏ธ https://t.co/LuphtOUvcE
We're really looking forward to having Burton at Stir Trek this year!
@nicola_sosio@stolinski I would also argue that because of the quantity of varying quality and the amount it has changed over the years means that AI is more likely to struggle with React code. Quantity !== Quality
When I was at Microsoft, we were trying to find ways around some of the pain points of #WebComponents, so I did an exploration on what Declarative Custom Elements could potentially provide us.
#html#css#javascript
https://t.co/ZjndEENrBw