Einfluss auf Ladegeschwindigkeit ?

**Ninnick** · 02.04.2010 16:19

Hallo -
mich würde mal interessieren welche Seite schnelle geladen ist.

Aber mal von Anfang an.

Bastle gerade eine Galerie in CSS.
Für die Übersichten habe ich in einem Div 1000x500pix ein weiteres Div
<div id="Thumbcontainer"> (externe css 900pxx400px)

In diesem Thumbcontainer habe ich 35 Thumbnails jeweils 105x70px in
5 Reihen und 7 Spalten.

Also eigentlich Nix aufregendes.

Jetzt hab ich einmal ein Programmierung die sieht im Thumbcontainer so aus:

Beispiel:
<div id="Thumbcontainer">
<div id="thumb01" style=" background-color: #000000; display: block; position: absolute; top: 0px; width: 105px; height: 70px; left: 0px; visibility: visible;"><img src="Bild-Thumb1"></div>
<div id="thumb02" style=" background-color: #000000; display: block; position: absolute; top: 0px; width: 105px; height: 70px; left: 110px; visibility: visible;"><img src="Bild-Thumb1"></div>
<div id="thumb03" style=" background-color: #000000; display: block; position: absolute; top: 0px; width: 105px; height: 70px; left: 220px; visibility: visible;"><img src="Bild-Thumb1"></div>
<div id="thumb04" style=" background-color: #000000; display: block; position: absolute; top: 0px; width: 105px; height: 70px; left: 330px; visibility: visible;"><img src="Bild-Thumb1"></div>
<div id="thumb05" style=" background-color: #000000; display: block; position: absolute; top: 0px; width: 105px; height: 70px; left: 440px; visibility: visible;"><img src="Bild-Thumb1"></div>
<div id="thumb06" style=" background-color: #000000; display: block; position: absolute; top: 0px; width: 105px; height: 70px; left: 550px; visibility: visible;"><img src="Bild-Thumb1"></div>
<div id="thumb07" style=" background-color: #000000; display: block; position: absolute; top: 0px; width: 105px; height: 70px; left: 660px; visibility: visible;"><img src="Bild-Thumb1"></div>
</div>

Also funktionieren tut es.
Nur find ich, daß es viel Code ist und hab gedacht das muß auch anders gehen, weil sich die Positionierung ja immer nur durch die top, - und left - werte unterscheiden.

also hab ich das dann so mit "float-left" probiert:

Beispiel 2
<style type="text/css" media="screen"></style>
</head>
<body>
<div id="Thumbcontainer" >
<div id="thumb01" class="thumbstyle" style="visibility: visible;"><img src="Bild-Thumb1"></div>
<div id="thumb02" class="thumbstyle" style="visibility: visible;"><img src="Bild-Thumb2"></div>
<div id="thumb03" class="thumbstyle" style="visibility: visible;"><img src="Bild-Thumb3"></div>
<div id="thumb04" class="thumbstyle" style="visibility: visible;"><img src="Bild-Thumb4"></div>
<div id="thumb05" class="thumbstyle" style="visibility: visible;"><img src="Bild-Thumb5"></div>
<div id="thumb06" class="thumbstyle" style="visibility: visible;"><img src="Bild-Thumb6"></div>
<div id="thumb07" class="thumbstyle" style="visibility: visible;"><img src="Bild-Thumb7"></div>
<div>

Mußte meinen Thumbcontainer dann zwar 5pix breiter und 5 pix höher machen oder jeweils den letzten Thumb in der Reihe mit style="margin-right: 0px;" ergänzen, was ich nicht so gerne mochte.
Ist aber auch nicht schlimm, kann ich ja mit padding-left: 5px; und padding-bottom: 5px, gleichmäßig machen wenn ich will.

Was mich jetzt aber viel mehr interessiert, - wird die zweite Version langsamer geladen ????

Bei Tabellen gehts ja auch schneller wenn die Höhen und Breiten alle klar definiert sind.

Zwar hat die erste Version mehr Code,- aber die Positionen stehen eben fest.

In der zweiten Variante muß doch der Browser erstmal den ersten Div machen, den 2ten dann neben nach oben schieben usw.

Weiß das jemand ???

....habe in meinem Beispiel nur eine Reihe von den fünf Reihen wegen der Übersichtlichkeit hier dargestelt. Aber auf meiner HP werden etwa 1000 Bilder insgesamt sein und da ist es schon von Interesse ob was schnell oder langsam geladen wird.
Allerdings sind die Seiten nicht groß und alle statisch in reinem CSS und auch nur ganz ganz wenig javascript.

Kennt sich da jemand aus ???

Danke schon mal und

Frohe Ostern
______________________ vom Nick

**Ninnick** · 03.04.2010 20:32

.....

.......ups.......

......hab ich so doof gefragt ???
also nur mal um eventuell ein Mißverständnis im Vorfeld
aus dem Weg zu räumen,- meine Frage war durchaus
ernst gemeint.

Von Tabellen kenne ich es einfach so, wenn man die
unbegrenzt programmiert hatte, dann zappelte sich das
so nach und nach hoch....
mit Höhe und Weitenangaben usw. ging das besser.

...und ich hab schon öfter mal gelesen, daß zu viele absolute
Positionierungen aber auch nicht gut seien und bin mir nicht
sicher was besser ist.

Also bitte - nicht denken, daß das was mit dem Datum zu tun
hatte,- ich bin blutiger Anfänger - außerdem war es schon der
2. April...

Noch schöne Ostern wünsch ich allen.

Mit besten Grüßen
___________________ vom Nick

**Thomas** · 03.04.2010 20:40

Zitat von Ninnick

.....

.......ups.......

......hab ich so doof gefragt ???

nöö, hast du nicht

ich verschiebe mal in das "Webdesign & Co." Brett, ist dort wahrscheinlich besser aufgehoben.

hat ja nix direkt mit GL zu tun und das GL-Brett ist auch ziemlich "tot" (weil GL nicht mehr weiterentwickelt wird)

**Ninnick** · 03.04.2010 20:52

...Danke Dir Thomas..

werd mich dann mal zu Webdesign & Co stolpern....

Schöne Ostern noch..

**jayjay** · 03.04.2010 21:31

hallo, es gibt seiten wo man die ladezeiten messen kann, einfach url eingeben und los gehts.

**Ninnick** · 04.04.2010 18:36

...Danke - ! - für den Hinweis

zur Startseite vom TP

Thema: Einfluss auf Ladegeschwindigkeit ?

LinkBack

Themen-Optionen

Thema durchsuchen

Thema bewerten

Einfluss auf Ladegeschwindigkeit ?

Ähnliche Themen

Ladegeschwindigkeit einer Seite

Aktive Benutzer

Aktive Benutzer