Html 页面上有多个 Base64 图片并且加载顺利
Multiple Base64 images on Html page and smooth loading
有人知道在网页上打印多张图片（base64）时进行异步图片解析的技术吗？
它会导致 Firefox 在 loading/parsing 游戏机上出现轻微卡顿（超过 15 张图像 1.5MB），所以我有点担心。
我仍然认为提供 url 并使用 javascript 异步（惰性）图像加载更好，如果有人有更多信息提示，我会很高兴听到谢谢。
答案是，无法控制浏览器使用打印的 base64 图像（在 html HTTP 响应中发送）的解析速度。如果您打印大量图像，浏览器将使用更多 CPU 来解析网页。
如果您有 bin 图像，解决方案是 单独调用它们 ，您将必须获得一个 url 来单独提供图像数据（无静态文件）。
问题是使浏览器缓存正常工作：如果不是每次加载页面时，您都必须渲染页面上的每个图像，从而导致网络服务器过热。
另一种解决方案是在服务器端缓存图像，但客户端每次都必须下载图像，从而消耗网络服务器带宽。
可以使用 http 缓存控制激活浏览器缓存 : https://css-tricks.com/snippets/php/intelligent-php-cache-control/
最好的办法是使用cache-control，但也要在服务器端使用cache。
当然这只适用于二进制数据，如果你有图像文件就让你的网络服务器自然地服务器图像文件。
有人知道在网页上打印多张图片（base64）时进行异步图片解析的技术吗？
它会导致 Firefox 在 loading/parsing 游戏机上出现轻微卡顿（超过 15 张图像 1.5MB），所以我有点担心。
我仍然认为提供 url 并使用 javascript 异步（惰性）图像加载更好，如果有人有更多信息提示，我会很高兴听到谢谢。
答案是，无法控制浏览器使用打印的 base64 图像（在 html HTTP 响应中发送）的解析速度。如果您打印大量图像，浏览器将使用更多 CPU 来解析网页。
如果您有 bin 图像，解决方案是 单独调用它们 ，您将必须获得一个 url 来单独提供图像数据（无静态文件）。
问题是使浏览器缓存正常工作：如果不是每次加载页面时，您都必须渲染页面上的每个图像，从而导致网络服务器过热。
另一种解决方案是在服务器端缓存图像，但客户端每次都必须下载图像，从而消耗网络服务器带宽。
可以使用 http 缓存控制激活浏览器缓存 : https://css-tricks.com/snippets/php/intelligent-php-cache-control/
最好的办法是使用cache-control，但也要在服务器端使用cache。
当然这只适用于二进制数据，如果你有图像文件就让你的网络服务器自然地服务器图像文件。