渲染的html下载速度慢

Question

我的页面在 html 加载后请求内容数据，完成显示页面需要 2 秒。

当我在一个 html（服务器端渲染）中设置所有数据并且大小为 485KB 时， 显示页面需要 4 秒。

为什么 485KB 大小的 html 加载时间比 1.6MB json 慢？

我的服务器：
自托管控制台服务器。
用于 html 页面的 Owin 和 RazorEngine，
用于 json 数据的 WebAPI。

我的 2 个网页：
1. html，只是静态文件，
使用 ajax(WebAPI) 请求 json 数据。

2。 设置html中的所有数据，服务器端渲染。

--07/27 18:21 编辑
*旧标题：为什么小索引 html 比大 json 慢

我再做一些测试：
*所有内容最后都是一样的。
1.html+webapi请求内容。
2. html + 在服务器上渲染内容。
3. html 有内容，不渲染。
4. 使用 webapi 获取内容没有 gzip 的 html。
5.只是为了比较，stackoverflow有更多的等待时间，更少的下载时间。这就是我想要的。

看起来问题出在 RazorEngine。
渲染后的 html 下载速度比静态文件慢。
我该如何解决这个问题？

--07/28 10:38 编辑

只要找出问题所在。 不是 RazorEngine 的问题，是 gzip 的问题。
一些大的 html(977KB) 使用 gzip(69KB) 下载速度比 raw html(7.80s) 更快(1.95s)，
但有时 gziped html 下载速度比原始 html（第三个 img）慢。

我将文件大小设置为超过 100kb 以使用 gzip，但下载速度仍然不稳定。
是否还有其他问题我没有发现？

Answer 1

因为在加载 HTML 时，根据内容，它还需要时间在浏览器上呈现。因此，花费的时间更多。