前端之家收集整理的这篇文章主要介绍了
javascript – 在Web浏览器中优先处理图像下载的技术,
前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个包含许多
缩略图(约100个)的网页.当您单击其中一个
缩略图时,会创建一个模态弹出窗口,这实际上是iframe中的新网页.这个新网页包含1张大图.
当用户在所有100个缩略图在父页面上完成下载之前打开弹出窗口时,会出现问题.用户现在必须等待很长时间才能看到弹出窗口中的大图像,因为浏览器不知道要将这个新图像优先于它已经尝试检索的缩略图.
有关解决这个问题的任何想法?
当您加载该
页面时,浏览器会为这些
缩略图排队100个请求.我无法从请求队列中
删除项目.根据浏览器的不同,它最多可同时请求6个(参考
this thread),但它们仍将排在模态对话框的大图像之前.你可以做什么(来自同一个线程)是在一个单独的子域上托管模态对话框图像,以便浏览器将它们放在一个单独的队列中,就好像它们位于完全不同的
站点上一样.允许该新队列与您的
缩略图请求同时运行.
原文链接:https://www.f2er.com/js/240762.html