Performance-Problem beim Rendern der Seite

[Hallowelt]

Hallo!

Das untenstehende Javascript baut dynamisch ein paar kleine Bilder (ca. 20) in eine ansonsten sehr einfach gehaltene Webseite ein. Google Chrome rendert gewohnt fix, Firefox 18 und IE 8 hingegen hängen sich ca. 3 Sekunden auf.

Ich frage mich, warum das so ist und wie man es beheben könnte. Facebook z.B. bindet ja locker weit mehr Bilder pro Seite ein und da hängt nie etwas. Zudem liegen diese Bilder bei mir sogar noch lokal auf der Festplatte.

  
function bq_init(){  
	var bq_thumbs = $('#brunnen_images');	  
	  
	var thumbs = [];  
	  
	for(var i = 0; i < bq_cnt; i ++){  
		thumbs.push(  
			'<a href="javascript: showBrunnen(\'' + (i + 1) + '\')"><img src = "media/thumbs/' + (i + 1) + 'a.jpg"> </img></a>'  
		);		  
	}  
		  
	bq_thumbs.html(thumbs.join(""));		  
}  

Hoffentlich kann mir jemand weiterhelfen, vielen Dank schon mal! :-)

Gruss
H.

[Christian Kruse]

Moin Hallowelt,

Hallo!

Das untenstehende Javascript baut dynamisch ein paar kleine Bilder (ca. 20) in eine ansonsten sehr einfach gehaltene Webseite ein. Google Chrome rendert gewohnt fix, Firefox 18 und IE 8 hingegen hängen sich ca. 3 Sekunden auf.

Hast du ein vollständiges Beispiel, dass diesen Fehler reproduziert? Bei meinen Tests funktioniert das recht gut.

  	'<a href="javascript: showBrunnen(\'' + (i + 1) + '\')"><img src = "media/thumbs/' + (i + 1) + 'a.jpg"> </img></a>'  

Schau mal, ob du hier nicht anders arbeiten kannst. Ein Link auf das Bild, eine Klasse auf den Link-Tag, ggfls. ein data-img-num (falls du das wirklich brauchst)-Attribut und du kannst mit event delegation komplett auf den javascript:-Link verzichten.

LG,
 CK

[Hallowelt]

Problem erkannt: Ich arbeite hier auf Windows 7 und habe das Skript auf einer Netzwerkplatte getestet. Scheinbar verstehen sich Windows und Firefox irgendwie nicht und das Laden der Dateien führt so zu Problemen. Wenn ich die Dateien hingegen von der lokalen Festplatte oder von meinem Webserver lade, so klappt es problemlos.

Trotzdem vielen Dank für die Antwort! :-)