Ionic应用程序中的图像

Question

我想知道在应用程序中显示图像的最佳方法是什么？

获取请求时最好提取URL，还是使用base64进行解码更快？

感谢

Answer 1

使用基于64的图像，不允许图像减慢页面的渲染速度。使用延迟加载图像。

HTML：

<img src="data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-src="your-image-here">

JavaScript：

<script>
function init() {
var imgDefer = document.getElementsByTagName('img');
for (var i=0; i<imgDefer.length; i++) {
if(imgDefer[i].getAttribute('data-src')) {
imgDefer[i].setAttribute('src',imgDefer[i].getAttribute('data-src'));
} } }
window.onload = init;
</script>

用法：

对于大多数页面，您可以简单地将脚本放在结束html中的body标记。就您想要复制的图像而言上面的代码（标记为"html"），并用您的实际图像路径。

这个博客将帮助你。https://varvy.com/pagespeed/defer-images.html