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



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

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

尽管如此,我认为提供一个url并使用javascript异步(懒惰)图像加载更好,如果有人有更多的信息提示,我会很高兴听到的。谢谢。

答案是,使用打印的base64图像(以html HTTP响应发送)无法控制浏览器解析速度。如果你打印了很多图像,浏览器将使用更多的CPU来解析网页。

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

这样做的问题是使浏览器缓存工作:如果不是每次加载页面,则必须渲染页面上的每个图像,从而导致Web服务器过热。

另一种解决方案是在服务器端缓存映像,但客户端每次都必须下载映像,这会占用Web服务器的带宽。

浏览器缓存可以通过http缓存控件激活:https://css-tricks.com/snippets/php/intelligent-php-cache-control/

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

当然,这只适用于二进制数据,如果您有图像文件,请让Web服务器到服务器的图像文件自然

最新更新