[Frage] https://gtmetrix.com/ Page Speed Bewertung von Introduction Package TYPO3-Version: 8.7.3

  • littlejoe littlejoe
    R2-D2
    0 x
    95 Beiträge
    0 Hilfreiche Beiträge
    13. 07. 2017, 08:23

    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.


  • 1
  • Julian.Hofmann Julian.Ho...
    Flash Gordon
    0 x
    2973 Beiträge
    122 Hilfreiche Beiträge
    13. 07. 2017, 09:52

    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

  • Norman2k Norman2k
    Jedi-General
    0 x
    1657 Beiträge
    79 Hilfreiche Beiträge
    13. 07. 2017, 17:53

    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.

  • 1