javascript - 使用 window.location.href 或 .assign 或 .reload 时等待时间很长

Question

我在 ajax 调用后(更新内容后)使用 JavaScript 重定向。我试过下面的方法，都很慢。在网络选项卡中，它显示等待时间约为 4.44 到 5 秒。 (这让客户非常沮丧 :( )

window.location.assign(to_redirect);
window.location.replace(to_redirect);
location.href= to_redirect; 
window.location.href= to_redirect; 
window.location = to_redirect; 

从一个页面浏览到另一个页面(点击鼠标)时，等待时间为 350 毫秒到 450 毫秒。

为什么会这样？有什么我错过的或任何其他更快的方式吗？

更新:

根据评论者的要求，下面是屏幕截图。

通过点击页面链接，正常方式。

保存数据并使用 JavaScript 方式重定向后。

Answer 1

我已经尝试了评论中提供的所有解决方案，感谢大家。根据@YanjunLin 的评论，我尝试使用 jQuery 直接使用 clicking 元素，而不是基于 window 对象的重定向。它奏效了。

但是点击方法比我的应用程序的其他方法快 60-70%。

以后有人来这里试试元素点击($('element selector').click()) 方法，我希望这对你也有用。

请注意，这取决于您的应用程序的架构。 Window.location.reload/assign 等对您的应用程序来说可能更快。但您可以尝试此解决方案。

更新:

根据评论 prefetching如果您有许多静态 Assets 要在每次页面加载时加载，这也是一个重要因素。