Bildabmessungen festlegen
Für eine korrekte Anzeige der Bilder in allen Browsern bedarf es der Angabe von Breite und Höhe bei Bildern. Außerdem ist die Angabe der Breite und Höhe der Bilder wichtig für ein schnelleres Rendering.
Diese notwendigen Angaben zu den Bildern kann sowohl in der CSS als auch direkt im Quellcode, bzw. im img-Tag erfolgen. Dazu einfach den entsprechenden img-Befehl mit height=“12” width=“15” erweitern.
Sobald der HTML-Befehl des Bildes um die fehlende Größenangabe erweitert wurde, ist der PageSpeed-Punkt Specify image dimensions – Bildabmessungen festlegen auch schon fertig.
Tipp: Bilder sollten nicht online mittels der height und width Befehle skaliert, kleiner oder größer gerechnet werden. Wenn ein Bild kleiner angezeigt werden soll als dessen aktuelle Größe ist, dann sollte lieber ein neues Bild in der entsprechenden Größe erstellt, hochgeladen und eingebunden werden. Erstens ist die Anzeige dann optisch besser, zweitens reduziert sich der Traffic und verbessert die Ladezeit und drittens haben die Browser keine Probleme die Bilder richtig anzuzeigen.
Siehe dazu auch Bilder optimieren
