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.

Intermittent image loading issue. Especially on a slower network. Can someone here possibly help or give ideas on a workaround ?

See original GitHub issue

Description

I am using Xamarin to create a eCommerce mobile app that uses shopify as backend. I use syncfusion for most of my controls. However for some reason not all images are always displaying. Sometimes all the images display, sometimes none display.

I am using: XF: v4.0.0.8055-pre1 FFImage: V2.4.5.860-pre

Below is my xaml

<ffimageloading:CachedImage LoadingPlaceholder=β€œhttps://reactnativecode.com/wp-content/uploads/2018/02/Default_Image_Thumbnail.png” Source=β€œ{Binding images[0].src}” Aspect=β€œAspectFit” />

I have noticed when I am on a really fast internet connection all my images load. Otherwise sometimes only one or two load. Could shopify be causing a forbidden if ping is below a certain level.

Below is the console error I am receiving and can see its getting a forbidden but when I access the image directly on a browser it works: Image loading failed: https://cdn.shopify.com/s/files/1/0266/8563/products/Coinfy_Tilt_Table_3_web.jpg?v=1545382216 01-03 13:56:14.012 I/mono-stdout(15349): Image loading failed: https://cdn.shopify.com/s/files/1/0266/8563/products/Coinfy_Tilt_Table_3_web.jpg?v=1545382216 FFImageLoading.DownloadAggregateException: One or more errors occurred. β€”> System.Net.Http.HttpRequestException: Forbidden at FFImageLoading.Cache.DownloadCache+<DownloadAsync>d__17.MoveNext () [0x002c7] in C:\projects\ffimageloading\source\FFImageLoading.Common\Cache\DownloadCache.cs:123 β€” End of stack trace from previous location where exception was thrown β€” at FFImageLoading.Cache.DownloadCache+<>c__DisplayClass16_0+<<DownloadAndCacheIfNeededAsync>b__0>d.MoveNext () [0x00050] in C:\projects\ffimageloading\source\FFImageLoading.Common\Cache\DownloadCache.cs:59 β€” End of stack trace from previous location where exception was thrown β€” at FFImageLoading.Retry+<DoAsync>d__01[T].MoveNext () [0x00047] in C:\projects\ffimageloading\source\FFImageLoading.Common\Helpers\Retry.cs:18 01-03 13:56:14.014 I/mono-stdout(15349): FFImageLoading.DownloadAggregateException: One or more errors occurred. ---> System.Net.Http.HttpRequestException: Forbidden --- End of inner exception stack trace --- at FFImageLoading.Retry+<DoAsync>d__01[T].MoveNext () [0x0015b] in C:\projects\ffimageloading\source\FFImageLoading.Common\Helpers\Retry.cs:32 β€” End of stack trace from previous location where exception was thrown β€” 01-03 13:56:14.014 I/mono-stdout(15349): at FFImageLoading.Cache.DownloadCache+<DownloadAsync>d__17.MoveNext () [0x002c7] in C:\projects\ffimageloading\source\FFImageLoading.Common\Cache\DownloadCache.cs:123 at FFImageLoading.Cache.DownloadCache+<DownloadAndCacheIfNeededAsync>d__16.MoveNext () [0x00413] in C:\projects\ffimageloading\source\FFImageLoading.Common\Cache\DownloadCache.cs:58 01-03 13:56:14.015 I/mono-stdout(15349): β€” End of stack trace from previous location where exception was thrown β€” β€” End of stack trace from previous location where exception was thrown β€” at FFImageLoading.DataResolvers.UrlDataResolver+<Resolve>d__7.MoveNext () [0x00045] in C:\projects\ffimageloading\source\FFImageLoading.Common\DataResolvers\UrlDataResolver.cs:24 β€” End of stack trace from previous location where exception was thrown β€” at FFImageLoading.DataResolvers.WrappedDataResolver+<Resolve>d__2.MoveNext () [0x00044] in C:\projects\ffimageloading\source\FFImageLoading.Common\DataResolvers\WrappedDataResolver.cs:22 01-03 13:56:14.016 I/mono-stdout(15349): at FFImageLoading.Cache.DownloadCache+<>c__DisplayClass16_0+<<DownloadAndCacheIfNeededAsync>b__0>d.MoveNext () [0x00050] in C:\projects\ffimageloading\source\FFImageLoading.Common\Cache\DownloadCache.cs:59 β€” End of stack trace from previous location where exception was thrown β€” at FFImageLoading.Work.ImageLoaderTask3+<RunAsync>d__109[TDecoderContainer,TImageContainer,TImageView].MoveNext () [0x00300] in C:\projects\ffimageloading\source\FFImageLoading.Common\Work\ImageLoaderTask.cs:561 ---> (Inner Exception #0) System.Net.Http.HttpRequestException: Forbidden at FFImageLoading.Cache.DownloadCache+<DownloadAsync>d__17.MoveNext () [0x002c7] in C:\projects\ffimageloading\source\FFImageLoading.Common\Cache\DownloadCache.cs:123 --- End of stack trace from previous location where exception was thrown --- at FFImageLoading.Cache.DownloadCache+<>c__DisplayClass16_0+<<DownloadAndCacheIfNeededAsync>b__0>d.MoveNext () [0x00050] in C:\projects\ffimageloading\source\FFImageLoading.Common\Cache\DownloadCache.cs:59 --- End of stack trace from previous location where exception was thrown --- at FFImageLoading.Retry+<DoAsync>d__01[T].MoveNext () [0x00047] in C:\projects\ffimageloading\source\FFImageLoading.Commo n\Helpers\Retry.cs:18 <β€”

β€”> (Inner Exception #1) System.Net.Http.HttpRequestException: Forbidden at FFImageLoading.Cache.DownloadCache+<DownloadAsync>d__17.MoveNext () [0x002c7] in C:\projects\ffimageloading\source\FFImageLoading.Common\Cache\DownloadCache.cs:123 β€” End of stack trace from previous location where exception was thrown β€” at FFImageLoading.Cache.DownloadCache+<>c__DisplayClass16_0+<<DownloadAndCacheIfNeededAsync>b__0>d.MoveNext () [0x00050] in C:\projects\ffimageloading\source\FFImageLoading.Common\Cache\DownloadCache.cs:59 β€” End of stack trace from previous location where exception was thrown β€” at FFImageLoading.Retry+<DoAsync>d__0`1[T].MoveNext () [0x00047] in C:\projects\ffimageloading\source\FFImageLoading.Common\Helpers\Retry.cs:18 <β€”

β€”> (Inner Exception #2) System.Net.Http.HttpRequestException: Forbidden 01-03 13:56:14.017 I/mono-stdout(15349): β€” End of stack trace from previous location where exception was thrown β€” at FFImageLoading.Cache.DownloadCache+<DownloadAsync>d__17.MoveNext () [0x002c7] in C:\projects\ffimageloading\source\FFImageLoading.Common\Cache\DownloadCache.cs:123 β€” End of stack trace from previous location where exception was thrown β€” at FFImageLoading.Cache.DownloadCache+<>c__DisplayClass16_0+<<DownloadAndCacheIfNeededAsync>b__0>d.MoveNext () [0x00050] in C:\projects\ffimageloading\source\FFImageLoading.Common\Cache\DownloadCache.cs:59 β€” End of stack trace from previous location where exception was thrown β€” at FFImageLoading.Retry+<DoAsync>d__0`1[T].MoveNext () [0x00047] in C:\projects\ffimageloading\source\FFImageLoading.Common\Helpers\Retry.cs:18 <β€”

β€”> (Inner Exception #3) System.Net.Http.HttpRequestException: Forbidden at FFImageLoading.Cache.DownloadCache+<DownloadAsync>d__17.MoveNext () [0x002c7] in C:\projects\ffimageloading\source\FFImageLoading.Common\Cache\DownloadCache.cs:123 β€” End of stack trace from previous location where exception was thrown β€” at FFImageLoadin

g.Cache.DownloadCache+<>c__DisplayClass16_0+<<DownloadAndCacheIfNeededAsync>b__0>d.MoveNext () [0x00050] in C:\projects\ffimageloading\source\FFImageLoading.Common\Cache\DownloadCache.cs:59 β€” End of stack trace from previous location where exception was thrown β€” at FFImageLoading.Retry+<DoAsync>d__0`1[T].MoveNext () [0x00047] in C:\projects\ffimageloading\source\FFImageLoading.Common\Helpers\Retry.cs:18 <β€”

  • Version with issue:
  • Last known good version:
  • Platform:

Screenshots

Reproduction Link / Code

Issue Analytics

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

github_iconTop GitHub Comments

1reaction
bensmindcommented, Mar 26, 2019

We are running into the same issue but @edwinjeppe1’s above fix is not helping, there seems to be a number of scattered reports of this but no resolution @daniel-luberda has there been any investigation into this?

0reactions
daniel-luberdacommented, Apr 18, 2019

Fixed

Read more comments on GitHub >

github_iconTop Results From Across the Web

Why do the images on my website load so slow and how ...
Letting CSS resize them slows down your site. Compress your images with lossy compression before uploading them. This will be where the heavy...
Read more >
6 Reasons Your Images Are Slowing Down Your Websites
Find out the 6 most common reasons why images are weighing down your website and how you can fix these problems to speed...
Read more >
How Images are Slowing Down Page Load Time (and ...
Large sized images, high-resolution images, and uncompressed images can drastically reduce the page load speed. How to fix this: β†’ Display size.
Read more >
7 Common Network Issues and How to Resolve Them Fast
Here are seven ways to address network issues and save the day. ... The Preventive Measure: You can take one simple step to...
Read more >
How to optimize image loading on your website
So how do we overcome this issue? Well, the first thing we can do is to compress the background image by using various...
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