计算首屏加载完毕的时间
2019-07-30 02:28
281 查看
原文链接:http://www.cnblogs.com/joyho/articles/4708995.html
function getOffsetTop(ele) { var offsetTop = ele.offsetTop; if (ele.offsetParent !== null) { offsetTop += getOffsetTop(ele.offsetParent); } return offsetTop; } var windowHeight = window.innerHeight, firstScreenImgs = [], ary = [], allImgLoaded = false, allImg = document.getElementsByTagName('img'); for(var i= 0,len=allImg.length;i<len;i++){//筛选出首屏区域内的图片 var offsetTop = getOffsetTop(allImg[i]); if(offsetTop < windowHeight){//首屏区域内 firstScreenImgs.push(allImg[i]); } } var len = firstScreenImgs.length; for(var i=0;i<firstScreenImgs.length;i++){ (function(j){ if(firstScreenImgs[j].complete){ len--; } else{ firstScreenImgs[j].onload = function(){ len--; ary.push({index:j,time:parseInt(+new Date)}); if(len == 0){ window.firstScreenEndTime = 0; for(var k in ary){ if(ary[k].time > firstScreenEndTime){ firstScreenEndTime = ary[k].time; } } } } } })(i) }
转载于:https://www.cnblogs.com/joyho/articles/4708995.html
相关文章推荐
- 如何计算首屏加载时间?
- jquery利用frame计算第三方网页加载时间
- 计算加载页面所用的时间
- js计算页面加载时间
- vue-cli项目优化,缩短首屏加载时间(二)
- 首屏,白屏时间如何计算??
- FPGA SPI加载时间计算
- asp.net页面加载时间计算
- asp.net页面加载时间计算方案
- 浅谈自己知道的首屏加载时间的优化策略
- vue-cli项目优化,缩短首屏加载时间(一)
- web页面加载时间计算
- 如何减少网页首屏加载压力和时间
- asp.net页面加载时间计算
- vue项目首屏加载时间优化实战
- VUE 首屏加载时间优化
- 时间序列数据库的秘密(3)——加载和分布式计算
- netframework中等待多个子线程执行完毕并计算执行时间
- PHP 计算页面加载时间
- vue-cli项目优化方法- 缩短首屏加载时间