Question

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

最好在执行get请求时提取URL，还是使用base64和解码更快？

由于

Answer 1

使用base 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中的结束体标记。至于你要复制的图像   上面的代码（标记为“html”）并将“your-image-here”替换为   你的实际形象路径。

此博客将为您提供帮助。 https://varvy.com/pagespeed/defer-images.html

离子应用程序中的图像

1 个答案: