Html页面上的多个Base64图像和平滑加载

时间:2015-04-10 12:01:54

标签: javascript html image base64

有人知道在网页上打印多个图像(base64)时进行异步图像分析的技术吗?

这会导致Firefox在游戏机上加载/解析时冻结很少(超过15张图像1.5MB),所以我有点担心。

我仍然认为提供一个网址并使用javascript异步(懒惰)图片加载更好,如果有人有更多的信息提示,我会很高兴听到它谢谢。

1 个答案:

答案 0 :(得分:0)

答案是,无法使用打印的base64图像控制浏览器解析速度(在HTML HTTP响应中发送)。如果您打印大量图像,浏览器将使用更多CPU来解析网页。

如果你有bin图像的解决方案是单独调用,你必须得到一个url来单独提供图像数据(没有静态文件)。

问题在于使浏览器缓存正常工作:如果不是每次加载页面时都必须渲染页面上的每个图像,导致Web服务器过热。

另一种解决方案是在服务器端缓存图像,但客户端每次使用网络服务器带宽时都必须下载图像。

可以使用http cache-control 激活浏览器缓存:https://css-tricks.com/snippets/php/intelligent-php-cache-control/

最好的方法是使用缓存控制,但也在服务器端使用缓存。

当然这仅适用于二进制数据,如果您有图像文件,只需让您的网络服务器自然地