一个测速打点的坑

education

web 前端

weber

一个测速打点的坑

缺点一: 里面包含了JS的执行时间

试验一: 简单JS代码和含有较多dom操作的代码

缺点二: ?

同一个html,在同个手机上测试有时js的时间差为两位数个位数,有时这个时间差上千,超过1s

单纯的网络波动?

排除法

去掉HTML代码精简JS代码减少JS文件个数去掉CSS文件……

发现:去掉CSS文件后,js的打点时间差波动大减

试验二:阻塞CSS文件加载

加载是并行的,执行是串行的

不单指JS,还包括CSS

CSS文件的加载执行会阻塞后面JS代码的执行

小结

怎么更好地进行JS的打点?

方法一:将所有的CSS代码内联

方法二:使用JS代码动态加载JS文件,使用script节点的onload事件获取加载时间

重播 分享 评论
×
×

iPresst

版本:1.0

Copyright © iPresst.com. All Rights Reserved.

创作者:TAT.Aishen, TAT.CG, TAT.DM, TAT.Jarvis, TAT.Kinvix, TAT.Weber, TAT.Yussica