Multiverse Feedback: Cardlist | Visual spoiler | Export | Booster | Comments | Search | Recent activity
Mechanics | Upcoming releases | Skeleton

CardName: Constant CPU usage on visual spoiler page Cost: Type: Pow/Tgh: / Rules Text: There's a notable rise in CPU usage when viewing a set's visual spoiler page that has a lot of links to images (as if they were gif animations or something). Flavour Text: Set/Rarity: Multiverse Feedback None

Constant CPU usage on visual spoiler page
 
 
There's a notable rise in CPU usage when viewing a set's visual spoiler page that has a lot of links to images (as if they were gif animations or something).
Updated on 28 Mar 2017 by Tahazzar

History: [-]

2017-03-25 16:30:10: Tahazzar created the card Constant CPU usage on visual spoiler page

Example: http://www.magicmultiverse.net/cardsets/2161/visualspoiler

A quick timeline recording seems to suggest the browser/scripts keep (re)painting something. Only happens if you have linked to card images (and you keep viewing the page) so it likely has something to do with them.

Btw, is this more of a {r} or {b} issue?

Wow. Yes, I see it. The timeline contains 35ms render frames every 100ms, so it's spending a third of its time rendering - specifically, doing painting. That's very weird. I'm really not doing anything out of the ordinary there - just standard <img> and <div background-image=""> tags.

There's not any CSS animations or anything being used. I can't make any sense of this. I... suppose it might be the 100 images all with position: absolute?

The 'loading' animated gif; perhaps?

Yeah, it seems to be the loading gif. Disabling this css property/class manually drops the CPU usage almost instantly

.cardart.image { background: url(/assets/loading-2f784a9b52965253981641a992e47fd6.gif) no-repeat center; }

Seems like a browser bug; an element that you cannot see shouldn't be rendering.

But maybe fixable by editing the gif to fewer frames?

Add your comments:


(formatting help)
Enter mana symbols like this: {2}{U}{U/R}{PR}, {T} becomes {2}{u}{u/r}{pr}, {t}
You can use Markdown such as _italic_, **bold**, ## headings ##
Link to [[[Official Magic card]]] or (((Card in Multiverse)))
Include [[image of official card]] or ((image or mockup of card in Multiverse))
Make hyperlinks like this: [text to show](destination url)
What is this card's power? Rumbling Baloth
(Signed-in users don't get captchas and can edit their comments)