637164 - high cpu+memory usage on site with many many images

Status: RESOLVED INCOMPLETE

(Core :: Performance: General, defect)

Description

[Ralf Hüsing]

User-Agent:       Mozilla/5.0 (Windows NT 6.1; rv:2.0b12) Gecko/20100101 Firefox/4.0b12
Build Identifier: Mozilla/5.0 (Windows NT 6.1; rv:2.0b12) Gecko/20100101 Firefox/4.0b12

* a website with 640x480 pixels / images
* firefox hangs with very high cpu+memory load
* other browsers works ,,ok'' (for me) - eg. chrome, opera
* IE hangs like ff

the image (1x1 pixel) was create with ms-paint on win7.

test case urls:

jpeg:
http://ralf.stormbind.net/browser-musage/

png:
http://ralf.stormbind.net/browser-musage/png.php

Reproducible: Always

Steps to Reproduce:
1. http://ralf.stormbind.net/browser-musage/
2. http://ralf.stormbind.net/browser-musage/png.php

Actual Results:  
system hangs with high cpu+memory usage

Expected Results:  
dont block the system ;)

as discussed in irc (freenode) the problem can be reproduced,
somebody told that also chrome hangs.

ive testet with the following versions:

- windows 7 + all updates (sp1..)
- firefox 3.6.13
- chrome 9.0.597.98
- opera 11.01
- ie 8.0.7601.17514

Comment 1

[Jim Jeffery not reading bug-mail 1/2/11]

Setting to New - confrimed on win7 x64 AMD Phenom II quad 8gig ram - hard freeze of browser, had to force kill twice to recover the browser/session.

Testing with latest hourly build 4.0b13pre 
cset: http://hg.mozilla.org/mozilla-central/rev/35b6854b0159

Latest Chrome dev 11.0.672.2 does not hang, but page loads very slow and consumes about 150meg according to 'their' per/tab task-manager.

I'm not sure what is supposed to be displayed, only got a black box using Chrome.

Comment 2

[Ralf Hüsing]

(In reply to comment #1)
[..]
> I'm not sure what is supposed to be displayed, only got a black box using
> Chrome.

thats it.
the black box contains 640 x 480 single pixels: <img src="" /> 307200 times

the site itself is sensless, but why is chrome "fast" with that kind of website and firefox not?

in my virtualbox firefox gets that box after a long time - i forgot how long.

Comment 3

[vlq]

Having the same problem here with not so many icons on one page. 

We have a list with 300+ lines. Each lines have 6 different icons to perform actions related to the respective line. So we have a total of 6 different icons which are put on the page over and over again. 

Bottleneck is definetely the image rendering. I generated a minimal example on pastebin:

http://pastebin.com/QBPTkMjS

This code puts the same icon 2000 times on the same page. It takes 2.9s to completely render the page on my machine. 
Windows 7 x64, 4GB RAM, I3-2100 @ 3.1 GHz, Firefox 31.0

Comment 4

[Gregory Pappas [:gregp]]

URL is broken and no working archive can be found