wordpress获取文章图片地址,只要做好关键词优化,做网站运营需要做哪些,网络公司策划方案文章目录 一、首屏时间二、白屏时间 一、首屏时间 白屏时间#xff1a;页面渲染完所有内容的时间 简单点就是在body 标签后写js代码计算#xff0c;但是不是很准确
headtitle白屏时间/title
/head
body/body
s… 文章目录 一、首屏时间二、白屏时间 一、首屏时间 白屏时间页面渲染完所有内容的时间 简单点就是在body 标签后写js代码计算但是不是很准确
headtitle白屏时间/title
/head
body/body
script typetext/javascript
const time Date.now() - performance.timing.navigationStart
console.log(首屏时间结束点, time)
/script还有一个思路就是利用 MutationObserver 监控DOM的变化变化幅度最大一次时间的就是首屏时间
1. DOM的增加、修改、删除会触发 MutationObserver
2. 每次 DOM 变化可以计算出一个相对时间(time)和 DOM 变化的分数并存入一个 observerData 数组中
3. 而后处理 observerData 数组计算 DOM 变化时分数的差值取 DOM 分数变化最大的时间点作为首屏时间的取值点
4. 因为首屏并不是所有DOM都渲染所以不能取最后一项DOM加载完的时间二、白屏时间 白屏时间页面开始显示内容的时间 一般浏览器开始渲染 body 标签或者解析完 head 标签就是页面白屏结束的时间点。
headtitle白屏时间/title
/head
script typetext/javascript
const time Date.now() - performance.timing.navigationStart
console.log(白屏时间结束点, time)
/script如果不支持performance可以这样做
headtitle白屏时间/titlescript typetext/javascriptwindow.start Date.now();console.log(白屏时间开始点, window.start)/script
/head
script typetext/javascript
const time Date.now() - window.start
console.log(白屏时间结束点, time)
/script
