Изображения в приложении 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. Что касается изображений, вы хотите скопировать код выше (с надписью «html») и заменить «ваше изображение здесь» на ваш фактический путь изображения.

Этот блог вам поможет. https://varvy.com/pagespeed/defer-images.html