Lazy load for android

1

lazy load images goes well for iOS. But when I use the same code for android the lazy load placeholder image load not in good height. What can I do about it? Because for the ios everything is fine.

This have I in my init file the place holder file:

lazy: {
	placeholder: 'data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 256"><path fill="#F5F5F5" d="M384 0H0v256h384z" /><path fill="#ECF0F1" d="M164.5 107h55v42h-55z" /><path fill="#545E73" d="M220.5 150h-57v-44h57zm-55-2h53v-40h-53z" /><path fill="#545E73" d="M168.5 111h47v34h-47z" /><path fill="#ECF0F1" d="M216.5 146h-49v-36h49zm-47-2h45v-32h-45z" /><circle fill="#F3D55A" cx="178.50002" cy="119.569" r="4.5689998" /><path fill="#11A085" d="M213.5 134l-12-11-10.5 11.5 5.483 5.483L200.5 144h14v-8.889z" /><path fill="#26B999" d="M185.517 129.017L169.5 143v1h31l-4.017-4.017z" /></svg>',
	treshold: 0,
	sequential: false
},
2

It think is not a valid encoded SVG, i think it should be

placeholder: `data:image/svg+xml;charset=utf-8,${encodeURIComponent('<svg ...>')}`
1 Like
3

Yes Thanks. That was the solution! :slight_smile: