我有一个工具可以生成“独立”的 HTML 页面,其中包括嵌入的图像。
我使用 base64 编码对图像进行二进制表示并且它有效,但是当 HTML 页面中有很多这样的图像时,它需要 10 秒,直到 !anything!显示在浏览器上。但实际上,在加载所有内容之前什么都不会显示,这与带有 URL 定向图像的页面不同,在这些页面中图像已加载,而页面的其余部分已经显示。
回答以下 1 个或多个问题会对我有很大帮助:
- 您是否知道一种方法可以告诉浏览器在显示页面其余部分的同时加载图像,就像处理带有 URL 的图像一样?
- 你知道加速解码的方法吗?
- 您是否知道另一种在 HTML 页面中表示二进制数据的方法(除 base64 之外),与 base64 相比,它具有较弱的压缩,或者根本不压缩,因此浏览器可以更快地对其进行解码?
谢谢!
最佳答案
终于回答了我自己....
那么再次引入问题:
- 嵌入的二进制图像很多,全部解码需要很多时间
- 当 JavaScript 代码运行(和解码)时,屏幕上没有任何刷新。你必须等到一切都完成
解决方案(您可以称之为解决方法):
- 不时延迟脚本,让 HTML 在这些延迟时逐渐更新,使用 JavaScript 函数
setTimeout()
。
这样我可以在第一个 ~10sec 开始浏览我的 HTML 文档,同时逐渐加载图片
关于HTML:嵌入没有 base64 压缩的二进制图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22533285/