在低网速环境下，长时间的网络图片请求会导致界面渲染阻塞。虽然可以通过超时时间中断XMLHttpRequest，但如何中止Image对象的请求成为一个问题。尝试设置Image.src为空串并未生效。据StackOverflow解答，一旦创建Image对象，其加载不受单个元素控制，无法单独中止，只能清空所有资源请求。为解决此类问题，可以考虑使用HTTP请求测速，或者实施图片懒加载策略以优化网页性能。
事情的起源是在工程中发现了一个bug，在低网速情况下请求网络图片资源时请求耗时会达到1分多钟，而这长时间的网络请求最后又导致了界面渲染被阻塞，首页一直白屏
如果是解决界面阻塞问题的话有很多方案，但令我困惑的是当我创建了一个Image对象时如何才能中止它的请求呢，
【不考虑用Image的话采用XMHttpRequest这些http请求封装的对象的话也是可以通过超时时间来中断的】
let ps = new Promise((resolve, reject) => {
let image = new Image(
280
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
最低0.47元/天 解锁文章
扫一扫
