资源提示符 async, defer和 preload,prefetch

srcipt中有三种加载方式  normal, async,defer

normal - loadingDOM 中遇到了 <script> 会优先加载 再执行,最后继续loadingDOM的加载。

 

async - loadingDOM 中遇到了 <script async> 会异步去加载,再执行,不影响loadingDOM

 

defer -  loadingDOM 中遇到了 <script defer> 会异步去加载,但执行顺序和async不同,会等到loadingDOM结束后 再执行

 


 

link的加载方式有 preload,prefetch 

preload  是提前预加载我们将来要用到的资源,优先级高

prefetch 和preload的区别,会在空闲的时候去拿将来要使用资源,优先级低。(什么时候空闲由浏览器来做)

 

posted @   10后程序员劝退师  阅读(104)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· Manus的开源复刻OpenManus初探
· AI 智能体引爆开源社区「GitHub 热点速览」
· C#/.NET/.NET Core技术前沿周刊 | 第 29 期(2025年3.1-3.9)
· 从HTTP原因短语缺失研究HTTP/2和HTTP/3的设计差异
点击右上角即可分享
微信分享提示