There seems to be an issue with thumbnails in the gallery, artwork, etc. They randomly get replaced by a clipped BA logo, even if the thumbnail loaded successfully. Behold:
It will keep happening as I scroll to load more posts. Reloading the page will just result in a different random selection. Clearing the cache also has no effect.
Also it would seem like some of the thumbnails are loading bigger images instead of the 160x160 px versions.
Tried again, this time BA logos were further down the results. Caching affected?
Logged out, cleared cache manually. Traditional & Sketchbooks sub forums were also affected when checked.
A room In Focused Crits is always a BA logo, probably the image link (wordpress).
Quickly scrolling may influence it too. Get to bottom of loaded list, more topics load, scroll further, some newly shown thumbs also display the logo now. Seems image size and external links could affect it also. Time out / load issue?
Breaking on element attribute change and making my way up the call stack to escape the bloated 60000 line _ember_jquery-whatever.js with my life, places me here:
In my case the thumbnail either loaded already or was still in the process of loading. It should not be replacing a valid image or one that is still loading.
Anyway back on topicā¦ it would seem the artwork thumbnails are not allowed to function on slow connections. They load fine, but seem to get replaced by a script with either a timeout or bad āisLoadedā flag.
There was a saying by a wise man (droid) that went: āLet the wookiee win.ā
Thanks, that was an excellent report! Iāve tracked it down to expected behaviour: the featured images plugin has a setting that defines when it will āgive upā loading these thumbnails. Itās currently set to 5 seconds, after which the default thumbnail will be shown instead. Iāve set this to 10 seconds now - I think thatās a reasonable upper limit?
One thing Iāve noticed is that if any thumb is missing, it seems to take the whole ten seconds before it renders any thumbs at all. IOW, unless Iām hallucinating, the code seems to be locked to requiring the complete quota of thumbs before it starts rendering. If one is missing it seems to sit there waiting out the time limit, then render the lot at once.
Edit: Scratch this. I just tried more pages and it works like it should. I might have had a random patch of slow connection just before.
Sorry, but this makes absolutely no sense at allā¦ The rest of the resources on the site have no such limitation. The thumbnail elements are 160x160px which the images should be, but many of the images are their full size instead. Same as āfeature row.ā
If you want to save on connections and bandwidth, get rid of any ridiculous loading detectors with timeouts and make sure all thumbnails are actually 160x160px. Just generate them server side, once.
Not everybody has perfect internet service, especially in the US. Most of the local DSL connections where I live, which is the example throttling profile I posted, can go even slower. That is what I had until last year, and it would often dip into the lower 30-100 Kb/s range. I was lucky enough to get 8Mb/s service from a WISP last year, but many here are still stuck with the crappy DSL. The WISP aint perfect either. Bad weather can make ping skyrocket because of re-sends.
And here is the thing with people who have crappy connections; I would know I have had them most of my life. If something fails to load, I get pissed and hit reload, over and over, until it finally does load. And I know that wastes far more bandwidth than would have been required in the first place. Not all resources a browser tries loading are resume-able (server side setting, dynamic content, etc.), and much of the time, a half-loaded image is not kept in the cache for long. Itās not just browsers either, other things with connection timeouts I have fought in the past. I used maybe 4-8 times as much bandwidth because of restarts from closed connections.
As a side note: Maybe let the uploaders of said artwork specify the center of their image too, since I noticed it just crops off sometimes relevant portions of the image to make it fit a square. Better yet: just resize the artwork to fit inside the square rather than fill it, thus maintaining aspect ratio.
Even with the increase in timeout, itās still happening to me; less often on the initial page load, but still quite a bit with the dynamic loading as you scroll down, especially when one of them is full size. A very large one can slow the rest down resulting in most of that batch being replaced.
Anyway here is a quick solution I am using for now that should work with Tampermonkey or similar:
This completely fixed the problem for me (for now) and itās actually really fast because images actually finished loading and wound up in my cache, so they donāt have to be downloaded again. Works for me in Vivaldi, Chrome and Firefox. Have not tested anything else. Obviously you will have to update it should the file name change or the method of replacement altered.