如何在 HTML 内容完成下载之前下载 HTML 资产

Question

我正在努力提高我的网站加载速度。检查网络请求时，有些东西对我来说没有意义：

如何在下载 html 内容之前下载将要请求的内容（css 和 js 文件）？ 我尝试过从 chrome 硬重新加载和清空缓存，但这又发生了。 Morover，这些文件似乎是从服务器下载的，而不是从缓存中下载的。

我不明白的另一件事是，当大部分时间都在等待服务器响应 (TTFB) 时，为什么 chrome 几乎所有的条形图都是蓝色的。

提前致谢！

Answer 1

有几种可能：

1. HTML 不会一次全部下载。服务器可以发送部分页面，暂停，然后发送其余部分。如果首先发送的部分包含对 CSS、JS、图像、字体或其他文件的引用，则浏览器可以在看到这些文件被引用后立即开始下载这些文件。

2. HTTP 2.0 支持“服务器推送”，在这种方案中，Web 服务器可以通过 HTTP 标头向客户端指示它应该开始下载特定的其他文件。从网络选项卡中的一些文件名来看，您使用的是 Cloudflare；他们将服务器推送用于某些功能，包括“Rocket Loader”。