我有一个包含许多缩略图(大约 100 张)的网页。当您单击其中一个缩略图时,会创建一个模态弹出窗口,它实际上是 iframe 中的一个新网页。这个新网页包含 1 张大图片。
当用户在父页面上的所有 100 多个缩略图都完成下载之前打开弹出窗口时,就会出现问题。用户现在必须等待很长时间才能在弹出窗口中看到大图像,因为浏览器不知道该新图像的优先级高于它已经尝试检索的缩略图。
对解决这个问题有什么想法吗?
最佳答案
当您加载该页面时,浏览器会为这些缩略图排队 100 个请求。我不知道如何从请求队列中删除项目。根据浏览器的不同,它最多可能同时请求 6 个(引用 this thread ),但它们仍会排在模态对话框的大图像之前。您可以(从同一个线程)将模态对话框图像托管在单独的子域中,以便浏览器将它们放入单独的队列中,就好像它们位于完全不同的站点上一样。该新队列将被允许与您的缩略图请求同时运行。
关于javascript - 在 Web 浏览器中确定图像下载优先级的技术,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11996454/