应预加载哪些内容以及如何预加载?
What content should be preloaded and how?
我刚刚了解到 rel="preload"
and I wonder when it should be used. I found different types of preloads like preloading with javascript etc. as well. Google recently announced 它会使加载速度更快的页面排名更高(至少在移动设备上),从而使 pagespeed 对每个人都更加重要。
如果您已经在使用 HTTP/2 (HTTP/2.0)、HTTPS、gzip、CDN 等并希望尽快加载您的网站:您是否应该(另外)使用预载 预载量是多少?
您应该将 HTML5 rel="preload"
添加到每个 link、脚本、字体等还是其中的一部分?也许只对外部的?
还是依靠 javascript 及其库来预加载资源更好?
我建议您预加载您确信会在当前页面中使用的资源。预加载是对浏览器的早期获取指令,用于请求页面所需的资源,值得获取关键脚本、Web 字体和英雄图像(可能阻止浏览器呈现的东西)等内容。
这篇文章很好地解释了预加载和预取的来龙去脉以及何时应该使用它们:
https://medium.com/reloading/preload-prefetch-and-priorities-in-chrome-776165961bbf
我刚刚了解到 rel="preload"
and I wonder when it should be used. I found different types of preloads like preloading with javascript etc. as well. Google recently announced 它会使加载速度更快的页面排名更高(至少在移动设备上),从而使 pagespeed 对每个人都更加重要。
如果您已经在使用 HTTP/2 (HTTP/2.0)、HTTPS、gzip、CDN 等并希望尽快加载您的网站:您是否应该(另外)使用预载 预载量是多少?
您应该将 HTML5 rel="preload"
添加到每个 link、脚本、字体等还是其中的一部分?也许只对外部的?
还是依靠 javascript 及其库来预加载资源更好?
我建议您预加载您确信会在当前页面中使用的资源。预加载是对浏览器的早期获取指令,用于请求页面所需的资源,值得获取关键脚本、Web 字体和英雄图像(可能阻止浏览器呈现的东西)等内容。
这篇文章很好地解释了预加载和预取的来龙去脉以及何时应该使用它们:
https://medium.com/reloading/preload-prefetch-and-priorities-in-chrome-776165961bbf