提高页面速度：使用依赖调用延迟加载 JQuery 问题

如何解决提高页面速度：使用依赖调用延迟加载 JQuery 问题

下面的技巧Possible to defer loading of jQuery?是否仍然必要，或者现在是否足够使用

<script defer ...> 

关于加载 jquery？

此外还有以下脚本（来自上面的来源）：

<script type="text/javascript">
    var dfLoadStatus = 0;
    var dfLoadFiles = [
        ["@base.path@assan/js/jquery.min.js"],["@base.path@assan/js/jquery-migrate.min.js"]
    ];

    var executeLater = [];
    function $(func) {
        executeLater.push(func);
    }
    window.addEventListener('load',function () {
        $(function () {
            for (var c = 0; c < executeLater.length; c++) {
                executeLater[c]();
            }
        });
    })

    function downloadJSAtOnload() {
        if (!dfLoadFiles.length) return;

        var dfGroup = dfLoadFiles.shift();
        dfLoadStatus = 0;

        for(var i = 0; i<dfGroup.length; i++) {
            dfLoadStatus++;
            var element = document.createElement('script');
            element.src = dfGroup[i];
            element.onload = element.onreadystatechange = function() {
                if ( ! this.readyState ||
                        this.readyState == 'complete') {
                    dfLoadStatus--;
                    if (dfLoadStatus==0) downloadJSAtOnload();
                }
            };
            document.body.appendChild(element);
        }

    }

    if (window.addEventListener)
        window.addEventListener("load",downloadJSAtOnload,false);
    else if (window.attachEvent)
        window.attachEvent("onload",downloadJSAtOnload);
    else window.onload = downloadJSAtOnload;
</script>

完美地在页面加载后添加对象。但是我该如何解决以下问题？我的页面有

<span class="counter">25.000</span>

在页面上

这里的代码（在jquery之后添加到页面末尾）

因此很明显，使用此代码绑定到类计数器将不起作用，因为实际脚本是在页面加载后添加到末尾的。

那么如何在页面加载后重新启动/刷新页面？

或者基于 jquery（或其他脚本）的视觉效果的一般方法是什么，应该推迟以提高页面速度？

到目前为止我的学习：延迟是不可能的，因为在页面布局期间脚本已经是必要的（这不是由于延迟）。

所以最后归结为：如果你想提高页面速度，不要使用jquery？对此有何评论？我忽略了什么？