Bilder vorladen
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
auftritt
beschleunigen
bild
boxen
code
eigentlichen frage
graphik
jemand
laden
ladezeit
nerven
problem
sekunde
stellen
text
treten
url
verrutschen
verschwinden
verwenden
-
Hallo.
Ich habe hier eine Clanpage mit ilch erstellt: www.fodn.de.
Das Problem ist, dass immer, wenn man die Seite neu lädt, das letzte Bild, was im Slider zu sehen sein wird, einmal kurz außerhalb der Box angezeigt wird. Meine Frage ist jetzt, ob man das Problem lösen kann, wenn man eine Enterpage vor die Hauptseite setzt, in der die Bilder aus dem Slider schon mal vorgeladen werden. Wenn ja, wie würde der Code aussehen? Kann mir da jemand helfen?
Oder liegt das an etwas anderem? Hat jemand Erfahrung damit? Ich würde mich echt freuen, wenn jemand weiß, wie man das verhindern kann. Ich finde das nämlich etwas unschön, wenn das Bild immer außerhalb der Box kurz angezeigt wird.
Liebe Grüße
PS: Ich weiß nicht genau ob man das Problem mit PHP oder einer anderen Sprache löst. Wenn das hier falsch ist, kann es ruhig verschoben werden.
Beitrag zuletzt geändert: 20.11.2012 22:45:44 von ultimate-bravery -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
Da PHP ja Serverseitig ist, dein Problem aber beim Client auftritt verschoben nach HTML, CSS & Javascript.
Zur eigentlichen Frage: Enterpages nerven einfach nur gewaltig.
Ich vermute, das Problem tritt auf weil die Seite einfach zu langsam geladen wird.
Lösen könnst du das ganze, indem du die Seite entschlackst. Für jedes Menüobjekt eine eigene Graphik zu verwenden, wo eigentlich immer nur die Schrift anders ist? Da könntest du zB sparen, indem du den Hintergrund als eine Graphik hast, und dann jeweils nur mehr den Text (entweder wirklich als Text, oder wiederum als Graphik) über das andere Bild legst.
Dazu könntest du an vielen Stellen Sprites verwenden und damit auch den Seitenaufbau beschleunigen.
Das wichtigste aber: nimm die Hintergrundgraphik raus. Das Ding ist 1920x1080, 755,6kB groß und braucht bei mir ganze 4,48 Sekunden zum laden.
Auch der Teamspeakviewer erhöht die Ladezeiten massiv. Würde doch reichen wenn der erst geladen wird, sobald man rechts auf die Schaltfläche klickt.
Ein weiteres Problem: du lädts zwei mal jQuery. (einmal vom CMS selbst, einmal vom Design/Theme).
Wenn du das alles behebst sollte die Seite schnell genug laden um das verrutschen der Bilder im Slider verschwinden zu lassen.
mfg -
Du kannst normalerweise sowas in den HTML Code einbauen:
<div style="display:none;"> <img src="bild1.jpg" /> <img src="bild2.jpg" /> <img src="bild3.jpg" /> </div>
Damit sollten die Bilder geladen werden, und dann im Cache des Browsers liegen. Normalerweise werden sie dann hieraus benutzt, und damit sind sie geladen. Wenn ich nicht irre sollte es gehen.
Wenn du Lust hast kannst du das ganze auch in ein CSS Sprite zusammenfassen, und dieses dann verwenden. Aber das ist nicht ganz einfach, bzw erfordert ein bisschen Zeit.
Liebe Grüße -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
