Question

我在页面中使用了 youtube iframe ，为了加快网站访问速度，我使用了$(window).on("load")在加载完所有内容后附加了iframe，如下所示：

$(window).on('load', function(){
    appendVideoAfterLoaded()
});
function appendVideoAfterLoaded(){
        html = '<div class="outside-video js-video"><iframe src="https://www.youtube.com/embed/UPhM_nd8wk4?enablejsapi=1&rel=0&loop=1&playlist=UPhM_nd8wk4" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen id="youtube-player"></iframe></div>';
        $('.js-bg').append(html);
        previewVideo = '<img src="'+assets+'img/top/thumbnail_youtube.png" alt="GreenProp PV"><p class="btn-play"></p>';
        $('.js-open-popup').append(previewVideo);
    }

但是框架仍在页面加载之前加载，这会影响google得分内部的页面速度。有什么办法吗？我使用 jquery 1.12.4 ，谢谢

Answer 1

我希望这一点对您有所帮助。

使用功能

  $(document).ready(function(){
//code here
});

$（window）.on（“ load”）在页面加载前触发

1 个答案: