[CSS] Verbrauchen versteckte Objekte "Speicher"?

F234k · 31.10.2011, 00:12

Man sieht ab und zu Seiten, die beim Scrollen etwas weniger flüssig laufen als andere. Ich hätte jetzt gedacht, das liegt an einer sehr hohen Anzahl an HTML-Elementen.

Meine Frage:
Angenommen, ich hätte eine Seite mit tausenden Div-Layern, welche auch mit Inhalten gefüllt sind und würde diesen allen aber per CSS entweder die Eigenschaften visitility:hidden oder display:none geben. Hätten diese Einfluss auf die Performance, oder würde der Browser beim Scrollen z.B. still und leise die Layer mit berechnen?
Kennt sich da jemand mit den Browsern aus und weiß auch, wie das bei älteren Modellen ist?

nikosch · 31.10.2011, 00:43

Natürlich.

F234k · 31.10.2011, 01:01

Natürlich was?

nikosch · 31.10.2011, 01:09

Ja natürlich.

F234k · 31.10.2011, 13:42

Soll heißen, wenn die Seite voll mit versteckten Layern ist wird sie beim Scrollen genauso "zucken", wie mit Sichtbaren?

nikosch · 31.10.2011, 15:30

Keine Ahnung, aber sie belegen Speicher.

mquadrat · 31.10.2011, 19:29

Also bei visibility hidden auf jeden Fall, da die Layer ja trotzdem in die Größenberechnungen reinlaufen. Bei display: none könnte es sein, dass die Engine so schlau ist die zu ignorieren. Aber das Laden der Seite wird definitiv langsamer, da ja das DOM aufgebaut werden muss. Suchen nach Elementen in Javascript dürfte auch recht langsam werden.

F234k · 31.10.2011, 21:59

Habe es mal getestet im FF, mit display:none hat es funktioniert.

Also der Hintergrund ist der, dass ich an einer Seite arbeite, die über viele verschiebbare Fenster mit Optionen verfügen soll, gesteuert mit AJAX und ich überlege, ob ich vorher alle Fenster in den HTML-Quelltext schreiben und später sichtbar machen oder sie mit JavaScript nachträglich einfügen soll. Das Unsichtbarmachen hat den Vorteil, dass der JavaScript-Quelltext übersichtlicher wird.

ChrisB · 31.10.2011, 22:07

Zitat:

Zitat von F234k

Das Unsichtbarmachen hat den Vorteil, dass der JavaScript-Quelltext übersichtlicher wird.

Wieso sollte das nicht auch mit dynamischem Nachladen per JavaScript übersichtlich gehen …?

F234k · 31.10.2011, 22:33

Naja, dann habe ich massenhaft HTML im JS drinnen.

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

31.10.2011, 00:12
F234k Benutzer Registriert seit: 18.04.2010 Beiträge: 35 PHP-Kenntnisse: Anfänger	[CSS] Verbrauchen versteckte Objekte "Speicher"? Man sieht ab und zu Seiten, die beim Scrollen etwas weniger flüssig laufen als andere. Ich hätte jetzt gedacht, das liegt an einer sehr hohen Anzahl an HTML-Elementen. Meine Frage: Angenommen, ich hätte eine Seite mit tausenden Div-Layern, welche auch mit Inhalten gefüllt sind und würde diesen allen aber per CSS entweder die Eigenschaften visitility:hidden oder display:none geben. Hätten diese Einfluss auf die Performance, oder würde der Browser beim Scrollen z.B. still und leise die Layer mit berechnen? Kennt sich da jemand mit den Browsern aus und weiß auch, wie das bei älteren Modellen ist?


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

31.10.2011, 00:43
nikosch moderatives Dielektrikum Registriert seit: 21.05.2008 Beiträge: 35.987 PHP-Kenntnisse: Fortgeschritten	Natürlich. __________________ -- One pixel is still too big. Please make it smaller. ASAP. Initiative Mittelstand. Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers. --

31.10.2011, 01:01
F234k Benutzer Registriert seit: 18.04.2010 Beiträge: 35 PHP-Kenntnisse: Anfänger	Natürlich was?

31.10.2011, 01:09
nikosch moderatives Dielektrikum Registriert seit: 21.05.2008 Beiträge: 35.987 PHP-Kenntnisse: Fortgeschritten	Ja natürlich. __________________ -- One pixel is still too big. Please make it smaller. ASAP. Initiative Mittelstand. Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers. --

31.10.2011, 13:42
F234k Benutzer Registriert seit: 18.04.2010 Beiträge: 35 PHP-Kenntnisse: Anfänger	Soll heißen, wenn die Seite voll mit versteckten Layern ist wird sie beim Scrollen genauso "zucken", wie mit Sichtbaren?

31.10.2011, 15:30
nikosch moderatives Dielektrikum Registriert seit: 21.05.2008 Beiträge: 35.987 PHP-Kenntnisse: Fortgeschritten	Keine Ahnung, aber sie belegen Speicher. __________________ -- One pixel is still too big. Please make it smaller. ASAP. Initiative Mittelstand. Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers. --

31.10.2011, 19:29
mquadrat Erfahrener Benutzer Registriert seit: 02.09.2009 Beiträge: 1.019 PHP-Kenntnisse: Fortgeschritten	Also bei visibility hidden auf jeden Fall, da die Layer ja trotzdem in die Größenberechnungen reinlaufen. Bei display: none könnte es sein, dass die Engine so schlau ist die zu ignorieren. Aber das Laden der Seite wird definitiv langsamer, da ja das DOM aufgebaut werden muss. Suchen nach Elementen in Javascript dürfte auch recht langsam werden. __________________ Wir suchen PHP Entwickler (Vollzeit) im Raum Darmstadt / Rhein-Main. Infos via E-Mail mueller@new-frontiers.de

31.10.2011, 21:59
F234k Benutzer Registriert seit: 18.04.2010 Beiträge: 35 PHP-Kenntnisse: Anfänger	Habe es mal getestet im FF, mit display:none hat es funktioniert. Also der Hintergrund ist der, dass ich an einer Seite arbeite, die über viele verschiebbare Fenster mit Optionen verfügen soll, gesteuert mit AJAX und ich überlege, ob ich vorher alle Fenster in den HTML-Quelltext schreiben und später sichtbar machen oder sie mit JavaScript nachträglich einfügen soll. Das Unsichtbarmachen hat den Vorteil, dass der JavaScript-Quelltext übersichtlicher wird.

31.10.2011, 22:33
F234k Benutzer Registriert seit: 18.04.2010 Beiträge: 35 PHP-Kenntnisse: Anfänger	Naja, dann habe ich massenhaft HTML im JS drinnen.