Hallo,
ich habe eine Webseite erstellt auf Grundlage des Bootstrap Package/Introduction Package.
Auf einigen Seiten habe ich mit dem "Only Images" Record eine Liste an Bildern erstellt.
Das https://gtmetrix.com/ Modul gibt mir für diese Seiten für den Performance Punkt "Serve scaled images" 0 Punkte, da die Bilder skaliert wären.
Was muß ich machen damit ich hier mehr Punkte bekomme und dadurch auch die Ladezeit verkürzen kann?
Beispiel:
http://meinedomain.de/fileadmin/user_upload/image.png is resized in HTML or CSS from 638x841 to 223x294. Serving a scaled image could save 809.4KiB (87% reduction).
Für den Punkt "Optimize images" habe ich auf der gleichen Seite 99 Punkte bekommen.
Bin um jede Hilfe dankbar.
Hallo.
Das klingt etwas, als wäre die Bildverarbeitung kaputt bzw. nicht korrekt konfiguriert. Sind die entsprechenden Tests im Install-Tool ok?
Viele Grüße
Julian
Naja das ist ja eher normal bei responsive Seiten. Ein Bild, was z.B. bei einem Viewport von 1000px mit einer Breite von 300px dargestellt wird (3-spaltiges Layout), wird eventuell dann bei einem Viewport <768px über die gesamte Breite angezeigt, also mit über 700px. Daher pflegt man es mit z.B. 800px ein.
Es gibt natürlich einige Möglichkeiten, unterschiedliche Bilder für die jeweiligen Auflösungen zur Verfügung zu stellen. Ist die Frage ob sich der ganze Aufwand lohnt, da du es nie 100% hin bekommen wirst, dass das Bild nicht durch CSS skaliert wird ... außer du setzt die Bilder auf eine feste Größe, dann brauchst deine Seite aber auch nicht responsive machen 😉
Guck dir mal Bootstrap-Seiten an, dann wirst du sehen, dass es überall so mit den Bildern ist http://expo.getbootstrap.com/
Nur zur Info, das liegt nicht an Bootstrap, egal was du nimmst, wenn du deine Seite responsive haben willst, dann ist das eben so.