首发 让你的网站页面显示加载耗时多长时间 无脑也能学会[超详细]

前言

最近也没啥事干,于是就把我swap模板里面的一个页面加载耗时教程发出来

如何想看演示站,请移步https://yun.xi6bai.cn/buy

底部有显示,如图所示1601783403-IMG_20201004_114952-144x300.jpg插图

看效果还是可以的,起码能装B一下把,你说是吧?

下面开始教程

首先,我声明一下,该代码适用于所有网站,并且准确度还可以,感兴趣的人可以去试一试

好了,下面进入正题

1.首先把这个代码放到网站的<head>的后面,就是网站的源代码里面是不是有一堆英文,可以利用mt管理器搜索<head>,然后把这个代码添加到后面就行了

<script>var qingzzStartTime1=new Date().getTime();</script>

不懂看图

202007191007358360736.jpg

其中上面是<head>,下面是代码,小白都能懂,别说你这都看不懂好吧

2.然后在把下面的代码放入</body>的上面,和上面的差不多

<script>
function add(a, b) {
    var c, d, e;
    try {
        c = a.toString().split(".")[1].length;
    } catch (f) {
        c = 0;
    }
    try {
        d = b.toString().split(".")[1].length;
    } catch (f) {
        d = 0;
    }
    return e = Math.pow(10, Math.max(c, d)), (mul(a, e) + mul(b, e)) / e;
}

function sub(a, b) {
    var c, d, e;
    try {
        c = a.toString().split(".")[1].length;
    } catch (f) {
        c = 0;
    }
    try {
        d = b.toString().split(".")[1].length;
    } catch (f) {
        d = 0;
    }
    return e = Math.pow(10, Math.max(c, d)), (mul(a, e) - mul(b, e)) / e;
}

function mul(a, b) {
    var c = 0,
        d = a.toString(),
        e = b.toString();
    try {
        c += d.split(".")[1].length;
    } catch (f) {}
    try {
        c += e.split(".")[1].length;
    } catch (f) {}
    return Number(d.replace(".", "")) * Number(e.replace(".", "")) / Math.pow(10, c);
}

function div(a, b) {
    var c, d, e = 0,
        f = 0;
    try {
        e = a.toString().split(".")[1].length;
    } catch (g) {}
    try {
        f = b.toString().split(".")[1].length;
    } catch (g) {}
    return c = Number(a.toString().replace(".", "")), d = Number(b.toString().replace(".", "")), mul(c / d, Math.pow(10, f - e));
}
$(document).ready(function() {
    var qingzzStopTime1=new Date().getTime();
    var qingzzStopTime=div(qingzzStopTime1,1000);
    var qingzzStartTime=div(qingzzStartTime1,1000);
    $('#qingzzLastTimeShow').text(sub(qingzzStopTime,qingzzStartTime));
})
</script>

不懂看图

202007191007355258268.jpg

画的有点难看啊,别介意

3.最后一步,也是最简单的一步,把下面的代码放入你网站需要显示的地方

一般放在<footer>后面

好了,今天的教程先到这

© 版权声明
THE END
喜欢就支持以下吧
点赞1赞赏
分享
评论 共3条

请登录后发表评论