Product boxes on frontend with JavaScript vs rendered HTML

[built]

Which would be more beneficial for seo?

Personally, I don't like having my product content and affiliate link included in my page html. But I don't know if this is the right approach.

What do you think is best? My gut feeling says go with rendered html

 

[cactus]

Rendered HTML, JavaScript is tough for crawlers to read (most don't even load JS).

Plus the performance benefits of rendered HTML.

 

[built]

Rendered HTML, JavaScript is tough for crawlers to read (most don't even load JS).

Plus the performance benefits of rendered HTML.

Yeah that's what I was thinking, I just remember AAWP annoying me with its generated html and changing my table of contents etc.

I will go with rendered html then!

 

[bernard]

Definitely HTML.

You can always cloak your affiliate links with a separate script.

 

[Ryuzaki]

With Javascript you're going to end up harming your cumulative layout shift if the amount of text you include is taller than the hard-coded height of the areas you're cramming it in, etc. Because all of that has to load after the fact. I wouldn't do it. Changing the href for the affiliate link is fine because it's not rendered, but I'd avoid tweaking the design with Javascript or jQuery after initial load.