Website-Optimierung - Hinzufügen von Bildabmessungen

Question

Ich optimiere meine Website nach den Google-Standards für die Website-Optimierung:

http://code.google.com/speed/page-sp...mageDimensions

Für diejenigen, die damit vertraut sind: Ich verwende Firebug -> "Page Speed" Tool, um die "schwachen" Bereiche meiner Website zu analysieren.

Zum obigen Link, den Bildabmessungen, ist die Frage - ich habe viele dynamische Bilder auf meiner Website, die über ein CMS hochgeladen werden und daher in Höhe/Breite variieren. Wie wichtig ist es daher, die Abmessungen der Bilder anzugeben? Wenn eine Seite z.B. 5-10 Bilder aus dem CMS hat, welche der folgenden Optionen ist besser?

a) Geben Sie keine Bildmaße an
b) Verwenden Sie die PHP-Funktion getimagesize, um die Bildgröße dynamisch zu ermitteln, und fügen Sie sie als "Breite" und "Höhe" in das IMG-Tag ein.
c) unsere Datenbank aktualisieren, um die Breite/Höhe pro Bild zu speichern (ich frage bereits andere Informationen aus der Bildtabelle in meiner Datenbank ab, wie z. B. den Text für das "alt"-Attribut) und dann auf diese Spalten für das IMG-Tag im Frontend zugreifen?

Ich denke, dass "c" die beste Option ist, aber ich würde gerne hören, ob jemand eine Empfehlung oder eine Statistik darüber hat, welche Option besser ist. Offensichtlich bedeutet "c", dass wir mehr Daten aus der Datenbank abfragen müssen.

Wir verwenden außerdem einen separaten Datenbankserver und nutzen das Browser-Caching. (http://code.google.com/speed/page-speed/docs/caching.html)

Gracias

Answer 1

c

1. Die Einstellung der Bildgröße gibt Ihnen ein besseres Ladeverhalten der Seite.

   Wenn Sie die Größe nicht auf einige Teile der Seite die Größe ändern, während während die Seite lädt, und das ist einfach einfach hässlich.

2. Wenn Sie Ihre Datenbank bereits nach dem für den Alt-Text abfragen, bezweifle ich, dass Sie Sie keine Leistungsprobleme feststellen, wenn Sie zwei weitere Spalten laden.

Answer 2

Ich habe Option B testweise auf einer großen Seite ausprobiert und festgestellt, dass es zu massiven Leistungsproblemen führt. Ich würde sagen, dass Sie am besten mit Option C arbeiten. Aktualisieren Sie Ihr CMS, um diese Abmessungen bei jedem hinzugefügten Bild hinzuzufügen und lassen Sie vielleicht einen Cron während einer ruhigen Zeit laufen, um alle vorhandenen Bilder ohne Abmessungen zu aktualisieren.