Изображения в приложении Ionic

Question

Мне интересно, что будет лучшим способом для отображения изображений в приложении?

Лучше ли тянуть URL при выполнении запроса get или быстрее использовать 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>

Использование:

Для большинства страниц вы можете просто поместить скрипт прямо перед тегом end body в вашем html. Что касается изображений, вы хотите скопировать приведенный выше код (помеченный как "html") и заменить "your-image-here" на фактический путь к изображению.

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