我正在尝试为Web服务平铺一些瀑布。目前,我看到了这种丑陋的模式:
document: WWWWWWWWDDDDD
resource: WWWWWWWWWDDDDD
resource: WWWWWWWWWDDDDD
W = Waiting (TTFB)
D = Content Download
为了对此进行某种程度的简化,我试图尽快下载子资源。为此,我使用了Link
标头,并用preload指令填充了它。另外,我在发送内容之前先刷新标题。据我了解,这应该允许在等待下载整个文档之前在第一个接收的字节块中发现预加载。示例Link
标头:
link: <https://some.domain.com/foo.min.js>; rel=preload; as=script; crossorigin,<//some.other.com/script.js>; rel=preload; as=script; crossorigin
我非常确定浏览器能够看到这些链接,因为在我正确设置所有这些属性(例如crossorigin
)之前,它就抱怨了。然而,瀑布依旧。在下载整个文档之前,不会下载任何设置为预加载的子资源。我希望有更多类似这样的东西:
document: WWWWWWWWDDDDD
resource: WWWWWWWWWDDDDD
resource: WWWWWWWWWDDDDD
是什么导致Chrome浏览器忽略链接标题?