Melhor prática: carregando o HTML renderizado ou json?

Ei pessoal, eu tenho uma pergunta que parece estúpida, mas não consigo dizer o porquê.

Fundo:

Imagine uma aplicação web com usuários e tags. Os usuários marcam um ao outro.

Eu tenho uma página no aplicativo que exibe detalhes sobre uma única tag em relação a um único usuário. Vamos dizer usuário 'prumo'e tag'footag'. Nesta página, estou exibindo duas listas: todas as pessoas que marcaram bob com 'footag' e todas as pessoas que Bob indicou 'footag'. vamos chamar isso<div id="received'> e<div id="sent">

Digamos que o URL dessa visão seja/users/bob/tags/footag

Naturalmente, essas listas são longas. Não quero carregar a lista inteira na exibição de página. Então eu carrego os dez primeiros para cada um.

A questão

Agora posso fornecer paginação dinâmica para cada uma das listas de duas maneiras:

Obtenha os dados para os próximos 10 usuários como json. Escreva js para renderizar esses dados, substituindo o conteúdo dodiv.Obter um "snippet" renderizado de html de outro URL bem definido no meu servidor, digamos/users/bob/tags/footag/received?page=1. Eu busco-o de forma assíncrona e apenas substituo o conteúdo do<div>.

Então, em um caso, eu busco dados e os renderizo via JS no navegador, o outro eu busco dados renderizados e os coloco no documento.

Existe alguma razão para não usar o # 2? Não consigo imaginar um, mas suponho que possa haver aspectos de segurança que não estou considerando, ou desempenho, ou qualquer outra coisa. Eu prefiro muito mais fazer # 2, pois simplifica minha vida significativamente.

Obrigado!