+
95
-

prefetch、preload、preconnect、prerender有啥区别?

prefetch、preload、preconnect、prerender有啥区别?


网友回复

+
15
-

prefetch、preload、preconnect 和 prerender 都是用于优化网页性能和加载速度的 HTML <link> 元素的属性。它们有不同的用途和影响:

prefetch(预获取):

用途:prefetch 用于告诉浏览器在闲置时间预取(下载)指定资源,以便在将来可能会使用到这些资源时能够更快地加载它们。

示例:<link rel="prefetch" href="example.js">

注意:prefetch 不会阻塞页面的加载,因此适用于不紧急但可能会在将来需要的资源。

preload(预加载):

用途:preload 用于告诉浏览器在当前页面加载期间立即...

点击查看剩余70%

我知道答案,我要回答