什么内容应该预加载?

时间:2018-06-29 11:22:05

标签: javascript html html5 pagespeed preload

我刚刚了解了rel="preload",不知道何时应使用它。我还发现了不同类型的预载,例如preloading with javascript etc.。 Google最近announced将网页加载速度更快(至少在移动设备上排名更高),使页面速度对每个人都更加重要。

如果您已经使用HTTP / 2(HTTP / 2.0),HTTPS,gzip,CDN等,并希望尽快加载您的网站:(是否)使用预加载以及

的数量

您应该将HTML5 rel="preload"添加到每个链接,脚本,字体等中还是仅添加其中一部分?也许只对外部的?

还是依靠javascript及其库预加载资源更好?

1 个答案:

答案 0 :(得分:2)

我建议您预加载您有较高信心的资源,这些资源将在当前页面中使用。预加载是对浏览器的早期获取指令,用于请求页面所需的资源,并且值得获取诸如关键脚本,Web字体和英雄图像之类的东西(可能阻止浏览器渲染的事物)。

本文出色地解释了预加载和预取的来龙去脉以及何时使用它们:

https://medium.com/reloading/preload-prefetch-and-priorities-in-chrome-776165961bbf