Виснет страница при изменении src у iframe

Есть такой код:

let  userIframe = $('<iframe>', {
    src: 'https://www.google.com',
    frameborder: 0,
    scrolling: 'yes'
});
userIframe.on('load', function() {
    userIframe[0].contentWindow.onbeforeunload = function() {
        console.log("IFRAME UNLOADING");
        console.log(this);
        $(this.document).off();
        $(this.document).find('*').off();
        userIframe.remove();
        userIframe = null;
    };
});
$('body').append(userIframe);

и как только я выполню это userIframe.attr('src', 'about:blank'); у меня зависнет вся страница и спустя секунд 30 отвисает и выполняет код.

Вопрос, почему так?

Это связано с этой темой