Ladezeit von Bildern verkürzen

Dieses Thema im Forum "Webentwicklung" wurde erstellt von chrisTucker, 31. Oktober 2013 .

  1. 31. Oktober 2013
    Also es handelt sich um folgende Seite

    http://checkmeout.ohost.de/Raslee/


    Frage. Da diese Seite eigentlich nur aus Bildern besteht, dauert es doch automatisch länger die Seite zu laden.

    Gibt es denn eine andere Möglichkeit die Seite "ladefreundlich" zu gestalten ohne alle Bilder zu entfernen?

    Ansonsten würde mir eben nur diese Methode in den Sinn kommen, die Seite bzw die Bilder etwas zu reduzieren und quasi eine abgespeckte Version zu erstellen
     
  2. 31. Oktober 2013
    Zuletzt bearbeitet: 31. Oktober 2013
    AW: Fragen bzgl Ladezeit

    Es werden ganze 6 Bilder geladen... 4 davon mit <= 20kb
    Ist das "Schleichwerbung" oder meinst du das ernst?

    Die Seite läd so "langsam" weil du auf nem 08/15 Freehoster bist.
     
    1 Person gefällt das.
  3. 31. Oktober 2013
    Zuletzt bearbeitet: 31. Oktober 2013
    AW: Fragen bzgl Ladezeit

    nein, das soll keineswegs schleichwerbung sein. Ich war mir nur nicht sicher. Also würde das auf nem Anständigen Server auch ordentlich hinhauen? Habe ich das richtig Verstanden ?

    Das ding war halt eben, dass ich vermehrt auf Internetseiten stoße auf denen ein Großes Hintergrundbild geladen wird und der Rest is eben HTML / CSS

    Wie schaffe ich es, das Bild (cover unten rechts) hinter diese Ecke zu bekommen ? wird vermutlich schwer, da es ja schon im Hintergrund miteingebaut ist oder nicht ?

    http://checkmeout.ohost.de/Raslee/
     
  4. 31. Oktober 2013
    AW: Fragen bzgl Ladezeit

    Bearbeite das Cover mit Photoshop und mach den Teil durchsichtig
    Die Alternative wäre vermutlich bei deinem Wissenstand zu aufwendig (zu erklären).
     
  5. 31. Oktober 2013
    AW: Fragen bzgl Ladezeit

    Dann werde ich das wohl so machen, ich bin immer offen für neues bzw deine erklärungen, man lernt nur von den besten hier
     
  6. 31. Oktober 2013
    AW: Fragen bzgl Ladezeit

    Verlustfrei Bilderverkleinern:
    • Durch die Komprimierung von http://checkmeout.ohost.de/.../body-background.png könnten 1.5 KB (47%) ohne Verluste eingespart werden.

    Größere Bilder als auf der Seite angezeigt:
    • Die Größe von https://i1.sndcdn.com/artworks-000048697357-iwvb7p-t200x200...?... wird in HTML oder CSS von 200 x 200 zu 100 x 100 geändert. Durch die Bereitstellung eines skalierten Bildes könnten 7.2 KB (75%) eingespart werden.
    • Die Größe von https://i1.sndcdn.com/avatars-000041432872-t1wxvh-t50x50.jpg?... wird in HTML oder CSS von 50 x 50 zu 40 x 40 geändert. Durch die Bereitstellung eines skalierten Bildes könnten 725 Byte (37%) eingespart werden.

    Die Antwortzeit des Server liegt im durchschnitt bei 245ms, durch einen Richtigen Webspace kannst du die Zeit verkürzen.
     
    1 Person gefällt das.
  7. 1. November 2013
    AW: Ladezeit von Bildern verkürzen

    Wahrscheinlich für den TE uninteressant, für Benutzer die dieses Thema finden, weil sie nach Optimierungen suchen allerdings auch hilfreich:

    - Sprites benutzen
    - CSS komprimieren
    - JS komprimieren

    MfG
     
  8. 2. November 2013
    AW: Ladezeit von Bildern verkürzen

    Bilder evtl. per JS nachladen lassen
     
    1 Person gefällt das.
  9. 2. November 2013
    AW: Ladezeit von Bildern verkürzen

    Macht Firefox bald eigenständig.

    Was mit noch einfällt:

    - Icon Font statt mehrere Bilder in verschiedenen Größen,
    - Statt Bilder für Verläufe zu nutzen CSS gradients verwenden,
    - JS/CSS/HTML/... mit gzip komprimieren
     
    1 Person gefällt das.
  10. Video Script

    Videos zum Themenbereich

    * gefundene Videos auf YouTube, anhand der Überschrift.