Javascript pushState和popState,性能差

Javascript pushState和popState,性能差,javascript,jquery,ajax,Javascript,Jquery,Ajax,我使用.load()来处理异步请求,但我意识到,当我在没有发生任何事情之前和之后单击箭头时,我决定进一步搜索并发现控制整个事件的历史API,因此我开发了此代码来尝试解决此问题 function carregarConteudo(href){ $('.body').load(href) } $(document).ready(function () { $('a').on('click', function(e){ e.preventDefault()

我使用.load()来处理异步请求,但我意识到,当我在没有发生任何事情之前和之后单击箭头时,我决定进一步搜索并发现控制整个事件的历史API,因此我开发了此代码来尝试解决此问题

function carregarConteudo(href){
   $('.body').load(href)
}

$(document).ready(function () {
    
    $('a').on('click', function(e){
        e.preventDefault()
        
        let href = $(this).attr('href')

        history.pushState(null, null, href);

        carregarConteudo(href)
    })    

    $(window).bind("popstate", function() {

        link = location.pathname; // get filename only
        carregarConteudo(link);
    });
});
但是,当返回或使用箭头时,网站崩溃,速度变得非常慢,有人知道它可能是什么吗

这是我从监控系统中截取的一个屏幕截图