首页 > 其他分享 >前端资源提示符

前端资源提示符

时间:2024-08-29 20:03:34浏览次数:7  
标签:浏览器 DOM 前端 js 下载 提示符 资源 加载

由于 js 是单线程,DOM 解析是自上而下的,遇到 link 或 script 标签,去暂停主线程去下载资源,然后再继续解析,主线程在等待网络线程下载的这个时间段就会造成浪费,而 HTML资源提示符 就能很好解决这个问题。
async

异步下载 js 资源,不会阻止 DOM 解析,会在下载完成后立即执行 js 脚本

defer

异步下载 js 资源,不会阻止 DOM 解析,在 DOM 解析完后才执行 js 脚本,js 文件会在 DOMContentLoaded 事件调用前执行。
如果有多个设置了 defer 的 script 标签存在,则会按照顺序执行所有的 script。
如果 async 和 defer 同时存在,async 优先级更高。

preload

预加载,让浏览器提前加载指定资源(加载后并不执行) ,需要执行时再执行,一旦启用后便会告知浏览器应该尽快的加载某个资源,如果提取的资源3s内未在当前使用,在谷歌开发工具将会触发警告消息。

prefetch

告诉浏览器,这个资源将会在未来的某个时刻用到,浏览器会在空闲时下载它

module

可以做浏览器兼容,一般高版本的浏览器才会加载 type=module 文件

标签:浏览器,DOM,前端,js,下载,提示符,资源,加载
From: https://www.cnblogs.com/zsnhweb/p/18387491

相关文章

  • 前端零代码,套娃一样开发界面!
    V3.0全新升级:社区版|文档(18万字)|AI问答|入门示例50+|设计极简前端技术日新月异,UIOTOS是一款最新开源的前端零代码工具(无需用户懂前端开发,不同于低代码)。三年磨一剑,独创的页面嵌套技术,给WEB前端、UI原型、组态HMI、工控上位机,以及工作流、规则链等图形可视化编辑,带来了全......
  • 前端解决若依项目登录超时问题
    我正在用若依的表单工具制作表单呢,刚画完,准备下载,给我来个登录超时,退到登录界面,心态直接崩溃!!!找到下面这个文件注释掉下面这段代码if(code===401){//if(!isRelogin.show){//isRelogin.show=true;//MessageBox.confirm('登录状态已过期,您可以继续留......
  • 告别繁琐招聘,AI人力资源顾问让你秒变HR高手!
    本文由ChatMoney团队出品在快节奏的现代职场中,招聘是每一个企业都绕不开的重要环节。然而,传统的招聘流程往往繁琐而低效,从海量简历的筛选,再到后续的评估与决策,每一个环节都耗费着HR人员大量的时间和精力。幸运的是,随着人工智能技术的飞速发展,AI人力资源顾问正逐渐成为企业招聘......
  • 一套通用的企业级中后台前端设计解决方案
    大家好,我是Java陈序员。今天,给大家介绍一套企业级中后台前端/设计解决方案!关注微信公众号:【Java陈序员】,获取开源项目分享、AI副业分享、超200本经典计算机电子书籍等。项目介绍AntdvPro——一个基于Vue3、Vite4、Ant-Design-Vue4、Pinia、UnoCSS和Typescript的一整......
  • openGauss-资源池化主备双集群容灾
    openGauss-资源池化主备双集群容灾特性简介本特性实现主备双集群的xlog日志同步,保证主备双集群的xlog一致性,从而增强主备双集群的容灾能力,降低存储空间,并保证主备集群内节点切换、主备集群间切换功能正常。本特性分为两种模式:基于网络的流复制模式:资源池化网络双集群部署......
  • openGauss-资源池化多机并行
    openGauss-资源池化多机并行可获得性本特性自openGauss6.0.0-RC1版本开始引入。特性简介SPQ(SharedEverythingParallelQuery)是在openGauss开源数据库上的一个多机并行查询框架,该框架部署在资源池化场景内,该场景下集群部署的为一写多读架构,集群下存在一个写/读节点和多个读......
  • openGauss-资源池化可维护性增强
    openGauss-资源池化可维护性增强gs_collector适配资源池化DMS资源统计视图gs_probackup适配资源池化详情查看:https://opengauss.org详情查看:https://docs-opengauss.osinfra.cn......
  • openGauss-资源池化算子卸载
    openGauss-资源池化算子卸载可获得性本特性自openGauss5.1.0版本开始引入。特性简介共享存储虽然带来弹性,可靠性的好处,但是和本地盘单机比较性能会下降较多,主要是网络IO和分布式存储自身带来的延迟,尤其对于大规模查询bufferpool无法缓存的场景,大量的数据需要从存储节点搬......
  • openGauss-资源池化特性说明
    openGauss-资源池化特性说明可获得性本特性自openGauss3.1.1版本开始引入。特性简介本特性提供主备机共享一份存储的能力,实现基于磁阵设备的资源池化HA部署形态,解决传统HA部署下存储容量较单机翻倍的问题,同时备机支持实时一致性读。资源池化架构图如下图所示。图1资源......
  • openGauss-资源标签机制
    openGauss-资源标签机制可获得性本特性自openGauss1.1.0版本开始引入。特性简介数据库资源是指数据库所记录的各类对象,包括数据库、模式、表、列、视图、触发器等,数据库对象越多,数据库资源的分类管理就越繁琐。资源标签机制是一种通过对具有某类相同“特征”的数据库资源进......