Confused about the difference between code split + lazy load vs. putting data on the backend

I am building a guided tour experience in our app – it looks like this https://shepherdjs.dev/

I been thinking about whether I should put the tutorial content i.e. the texts of the guided tour on the frontend or the backend and what the tradeoffs are with each approach.

I think if just putting it on the frontend, the user would have to download the content no matter what so it might be a performance issue. But I think code-splitting + lazy load would allow us to only download the content needed on demand. On the other hand, we can put the content on the backend and request it when the user chooses to begin the tour or on page load. This way the users wouldn’t need to download the content of the tour if they don’t need it. I been thinking about the differences between the two approaches. Could anyone give me some guidance on where I should put the content and what are the pros and cons associated with each approach?