question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Delay when Loading SVG image

See original GitHub issue

Description

There’s a micro second (like 2 Seconds) delay before the SVGs are loaded, that delay ,makes the UI glitchy

Steps to Reproduce

<ffimageloadingsvg:SvgCachedImage
        HeightRequest="30"
        HorizontalOptions="Start"
        WidthRequest="30"
        Source="share.svg">
</ffimageloadingsvg:SvgCachedImage>

Expected Behavior

Should load up the SVG files as the page loads up

Actual Behavior

There’s a delay before the SVG actually loads up

Basic Information

  • Version with issue: 2.4.3.840
  • Last known good version:
  • Platform: Xamarin.Forms: 3.2

Issue Analytics

  • State:closed
  • Created 5 years ago
  • Comments:21 (11 by maintainers)

github_iconTop GitHub Comments

1reaction
daniel-luberdacommented, May 3, 2019

Please update to 2.4.7.944 stable or 2.4.7.938-prerelease, there was an issue on Android.

1reaction
daniel-luberdacommented, Oct 20, 2018

It’s probably because currently all SVG are decoded to bitmaps, adding it to the fact that parsing SVGs is also an time consuming operation - there’s a lag. I prepared a new control which doesn’t use bitmaps at all when rendering SVG’s, it’s a much faster operation. Control has the same API, but it would be used only for SVG’s. I’ll merge it soon.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Delay when rendering svg image in react application
I am using React version 16.8.6. I am trying to load some SVG images in my application, But there is a 1-second delay...
Read more >
How to improve page load speed with SVG optimization
This article will show you what to remove from your SVGs to stop them from slowing down your page and giving your end...
Read more >
How to improve extremely slow page load time on a 23MB ...
Make sure your server is properly compressing these files using gzip or brotli compression. · Make sure these SVG files are properly optimized ......
Read more >
Loading SVG images is too slow. - Make Games
So I suspect that time is to rasterize them, rather than load the SVG into memory. Objects that are small or not scaled...
Read more >
SVG - cause of load time problems? - Need help - Bubble Forum
I hadn't processed the SVG thing initially but have read in StackOverflow and elsewhere that SVG does load slower than PNG.
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found