文件名称:WebWorkerImgLoading:使用Web Worker加载图像
文件大小:2KB
文件格式:ZIP
更新时间:2024-04-07 17:15:25
HTML
网络工作者图加载 使用Web Worker加载图像 这有什么意义呢?浏览器不是已经在单独的线程中对图像进行解码了吗? 浏览器分别对图像进行解码,是的,但是不会分别加载图像。在下载图像时,它们阻塞了UI线程并阻止了其他任何东西的呈现,直到图像下载完成为止。这种方法的好处是,如果要加载大量的10k图像,则可以在Web Worker处理下载图像的繁重工作时呈现其余的UI。将[removed]标记移到或标记为异步的原因也是相同的。这些脚本的下载将阻止您的UI呈现,因此您希望尽可能地延迟它们,或将其标记为异步下载。 那么,为什么不使用某些延迟加载技术呢? 好吧,这本质上是延迟加载。此延迟加载技术与传统的延迟加载技术之间的区别在于,它可以从UI线程中删除工作并并行加载图像,而传统上,您要等到UI加载完毕后,再在img标签上设置src属性,以便它们使用典型的浏览器加载方法。一次加载UI和图像与先加载UI,
【文件预览】:
WebWorkerImgLoading-main
----custom.js(1KB)
----README.md(1KB)
----index.html(2KB)