首页 > 其他分享 >白屏时间first paint和可交互时间dom ready的关系是先触发first paint ,后触发dom ready

白屏时间first paint和可交互时间dom ready的关系是先触发first paint ,后触发dom ready

时间:2023-11-06 16:56:40浏览次数:32  
标签:dom paint 时间 ready 页面 first

页面的性能指标详解:

白屏时间(first Paint Time)——用户从打开页面开始到页面开始有东西呈现为止

首屏时间——用户浏览器首屏内所有内容都呈现出来所花费的时间

用户可操作时间(dom Interactive)——用户可以进行正常的点击、输入等操作,默认可以统计domready时间,因为通常会在这时候绑定事件操作

总下载时间——页面所有资源都加载完成并呈现出来所花的时间,即页面 onl oad 的时间

参考链接:https://www.jianshu.com/p/9b0825cec3c9

标签:dom,paint,时间,ready,页面,first
From: https://www.cnblogs.com/longmo666/p/17813121.html

相关文章

  • Domino for Young
    题目给出了一张杨表,要求你能够放上去的最多的骨牌数量。证明看这里。只能说妙蛙!补充一些题解认为显然的证明。任何一张网格图(相邻的点视作有边),按照\(i+j\)(下标)的奇偶性划分,可以证明这是一张二分图(有点显然)。\(\forall(x,y),color(x+1,y)\neqcolor(x,y),...\),因为相邻格子......
  • Address already in use: make_sock: could not bind to address [::]:80
    **********************************************************处理办法:#ps-aux|grephttpWarning:badsyntax,perhapsabogus'-'?See/usr/share/doc/procps-3.2.7/FAQroot    120790.00.061164  720pts/1   S+  16:06  0:00grephttp#ps-aux|......
  • Apache, service httpd stop, Address already in use:
    servicehttpdstopStoppinghttpd:                                           [FAILED][root@testtestapache_logs]#servicehttpdstartStartinghttpd:(98)Addressalreadyinuse:make_sock:couldnotbindtoaddress[::......
  • RandomPaintingOnABoard TopCoder - 12607
    AnoteabouttheconstraintsConstraintsindicateusthatthemaximumwidthandheightwillbe21.Thereisanotherconstraintthough:Themaximumtotalnumberofcellsis150.Thiscanhelpusbecauseitmeansthatthesmallerdimensionwillbeatmost1......
  • QSerialPort waitForReadyRead有数据却超时问题
    工作中用到Qt串口通讯,使用方法很简单,网上很多都使用的是异步(信号槽)方式,这里记录一下同步方式调用waitForReadyRead阻塞后,明明发送数据却还是返回超时问题。这里说的是以ASCII形式发送,也就是常见的ABCD字符十六进制形式发送waitForReadyRead会立即响应,目前还没查到具体原因。......
  • [ARC104E] Random LIS 题解
    题意给定一个长度为\(N\)的序列\(A\),按照下列方式生成一个长度为\(N\)的序列\(X\):\(\foralli\in[1,n]\),\(X_i\)在\([1,A_i]\)中的整数中均匀随机生成。求其最长上升子序列长度的期望,对\(10^9+7\)取模。\(1\leN\le6,1\leA_i\le10^9\)。题解由于\(N\)......
  • [论文阅读] Painterly Image Harmonization using Diffusion Model
    Pretitle:PainterlyImageHarmonizationusingDiffusionModelaccepted:AAAI2023paper:https://arxiv.org/abs/2212.08846code:https://github.com/bcmi/PHDiffusion-Painterly-Image-Harmonizationref:https://mp.weixin.qq.com/s/0AzaD8qVOFJrFeeIaJ4sTgref:h......
  • [CF576E] Painting Edges
    PaintingEdges动态加边和二分图容易想线段树分治,分别维护k种颜色的并查集。不过每条边的存在时间不能确定。设边i的两次操作的时间为\(x_i,y_i\),那么对于\(t\in[x_i+1,y_i-1]\)有两种情况,颜色改变或改色不变。则我们把每次操作影响的时间放在树上,从左到右递归到叶......
  • Java流程控制_05 Random
     指定区间: 97-100 ----》0-3  ----》r.nextInt(4)+97  1、RandomRandomr=newRandom();inta=r.nextInt(10);2、 ScannerScannersc=newScanner(System.in);System.out.println("");//打印一段提示信息intage=sc.nextInt();//等待键盘输入 ......
  • 关于 vue 虚拟dom 的渲染机制的一些思考
    1.虚拟dom的渲染过程2.vue3中nexttick的作用 1.虚拟dom的渲染机制我们在template中写的div和其他的标签。不会被vue当作是最终渲染的dom,vue会将我们写入的标签转化为对象,通过diff算法,将其构造成一个虚拟树每个树都有一个对应的key,这个key作为不同阶段的标......