• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Bilder schnell laden

asterisk

Neues Mitglied
Hallo @all,
ich habe mir eine Webseite gebastelt mit der es einige Probleme gibt. Ich lade auf der ersten Seite ziemlich große Bilder, die müssen auch schon auf der Startseite zu sehen sein, da meine ganze Navigation aus diesen Bildern besteht.

so lade ich das Hintergrundbild:
HTML:
body {background-image: url(../images/hintergrund.png);}

und so das Navigationsbild:

HTML:
<body>
<div id="wrapper">
<p id="bild"><img src="../images/Home.png" border="0"  width="1024" height="768" id="Testbild" usemap="#IK"/></p>

Wie ihr seht, lade ich das Bild in einem img-tag. So ist es auf jeder Folgeseite entsprechend programmiert.

Jetzt meine Frage, kann ich irgendwie, sei es mit Javascript, PHP oder anders das Laden beschleunigen. Ich würde gerne, das meine Seite genauso schnell wie diese Beispielseite lädt:
Carpe Diem Eventmanufaktur
ähnlich wie diese müsst ihr euch meine vorstellen.

Ich hoffe ihr könnt mir helfen, das Laden meiner Seite dauert echt lange und sieht natürlich für den user super schlecht aus.

Vielen Dank schon mal... *asterisk*
 
Werbung:
Mit HTML alleine kann man da wenig machen. Auch JavaScript hilft da nicht. Schau dir mal die Tipps von Google PageSpeed an. Dadurch kann man einige Einstellungen am Server und auch an den Dateien selbst vornehmen die den Browsern helfen diese schneller zu laden.
Page Speed Home
 
Noch nicht benötigte Bilder kann man als "versteckte" Bilder (d.h. Höhe und Breite null) ans Ende des Quelltextes setzen, so werden sie in den Cache geladen und sind bei dem ersten Einsatz (bspw. Hover) bereits geladen. Ist aber für das erste Laden für den Nutzer mehr Traffic (dass derzeit v.a. für Mobilgeräte relevant ist).
 
Werbung:
Bilder muss man halt komprimieren, damit sie schneller laden. Gib uns doch einmal einen Link und dann können wir schauen, ob manchmal nicht statt PNG besser eine JPEG-Kompression angesagt wäre oder oder…
 
Also ein png muss es schon werden, da ich ein Schatten hinter das Bild gelegt habe. Mit gif sieht es nicht so toll aus, das es dann nur ein schwarzer Balken wird.

Das mit dem verstecken in einem unsichtbaren div habe ich schon ausprobiert, das dauert aber echt ganz schön lange. hmmm.... :( das ist echt ganz schön doof alles...

Oder ich muss doch alle Bilder noch mal bearbeiten, aber das ist richtig viel arbeit und ich weiß nicht, ob ich sie kleiner bekomme.... Ich berichte nochmal

danke euch erst einmal gruß *asterisk*
 
Zurück
Oben