加载HTML数据与加载未格式化的数据

Question

使用AJAX加载数据时，首选：
加载html数据，例如

<div class="message">
    <span class="author">John Smith</span>
    <span class="date">01/01/17</span>
    <div class="message-content">
        Example text
    </div>
    <div class="message-actions">
        <a href="upvote">Upvote</a>
        <a href="downvote">Downvote</a>
        <a href="comment">Leave a comment</a>
    </div>
</div>

（顺便说一句，上面的内容完全是虚构的）

或者加载JSON数据，例如

{
"author":"John Smith",
"date":"01/01/17",
"text":"Example Text"
}

我意识到加载JSON数据会减少服务器上的负载，但我主要关心的是加载用户的速度。所以基本上，我的问题是，加载html数据 - 例如使用JQuery的.load()方法，比较加载JSON数据并使用Javascript将其呈现为html，在用户可以看到显示结果之前的总时间方面？

@ vol7ron评论之后编辑：
这是一个消息传递应用程序，因此这些消息将在屏幕的滚动区域中一个接一个地显示。消息数量是可变的。