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

使用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>

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

我意识到加载JSON数据会减少服务器上的负载，但我主要关心的是用户的加载速度。因此，基本上，我的问题是，就用户能够看到显示结果之前的总时间而言，例如，使用JQuery的

.load（）

方法加载html数据与使用Javascript加载JSON数据并将其呈现为html相比，如何？

在@vol7ron的评论之后编辑：

---

这是一个消息传递应用程序，因此这些消息将在屏幕的滚动区域中逐个显示。消息的数量是可变的

有多少数据？通常两者的结合是最好的表现。HTML导致浏览器生成DOM元素，这很慢。如果要进行格式化/编辑，最好在将数据绑定到DOM之前进行格式化/编辑。但是，在初始加载时，最好有占位符HTML或第一个示例供用户查看。基本上：更多信息needed@vol7ron编辑10？1000? 10000? 数字并不重要。有一个从无关紧要到重要的尺度。签出延迟加载。@vol7ron最大值约为1000，绝对最大值。