我目前正在开发一个基本上纯粹使用jQuery构建的小应用程序,该应用程序可以访问API并为每个用户请求加载许多(大约25个)图像,gif和video
。
因此,每当用户输入开始时,所有这些元素都将作为div
s写入DOM,图像分别为background-image
属性或video
标记。然后,新输入将清除DOM并重做该过程,所有这些都通过js。
现在,首先,im 不谈论AJAX请求,只是为了清楚。每当元素被写入DOM时,浏览器当然会启动对资源的所有经典GET请求(imgur,gfycat),但它们会一直运行直到完成,即使它们的DOM元素已被删除。
因此,比如说,用户进行三次快速输入,现在他的浏览器正在加载75张图像/ mp4。更糟糕的是,如果任何请求被卡住,浏览器实际上可能会限制请求并冻结所有内容,直到第一批(现在与用户无关)完成。
有什么方法可以解决这个问题吗?