it-swarm.com.de

Hilft die Angabe expliziter Bildabmessungen bei der Leistung der Website?

Ich habe einige Audits für eine neue Webanwendung durchgeführt, die wir in Kürze starten werden. Chromium weist bei der Netzwerknutzung darauf hin, dass für einige Bilder auf unserer Website keine explizit angegebenen Höhen-/Breitenmaße angegeben sind.

Hilft das wirklich der Leistung? Abgesehen davon, dass der Browser nicht entscheiden muss, wie das Bild angezeigt werden soll, und im Grunde gesagt wird, dass für ein Bild X-Höhe und Y-Breite verwendet werden sollen, wie kann dies zur "Netzwerkauslastung" beitragen?

Alle anderen Kommentare dazu wären willkommen!

6
Chris

Dies hilft nur der Leistung einzelner Browser. Die Netzwerkauslastung wird dadurch in keiner Weise erhöht. Wenn der Browser die HTML-Datei rendert, beginnt er, Objekte zuzuweisen und zu platzieren. Wenn er explizite Anweisungen zum Zuweisen des Platzes hat, wird das Layout analysiert, während das Bild weiterhin im Hintergrund geladen wird. Mit modernen Breitband-Download-Geschwindigkeiten ist dies immer weniger ein Problem, aber es ist immer noch spürbar. Wenn Sie jemals eine Seite mit vielen Bildern besucht haben (http://www.skysports.com/ ist ein Beispiel), bei der die Bildgröße nicht explizit festgelegt wurde, werden Sie feststellen, dass die Seite beim Laden von Bildern in die übersprungen und übersprungen wird dom und der Browser aktualisieren die Benutzeroberfläche, um die neue Größe zu kompensieren. Mit der expliziten Bildgröße wird dieses unangenehme Erlebnis beseitigt. Auf vielen CMS-Sites kann die Größe des Images jedoch nicht immer explizit bekannt sein, sodass dieses Verhalten möglicherweise unvermeidbar ist.

Wenn Sie die Größe des Bildes kennen, tut es nicht weh, es dort abzulegen, obwohl Sie möglicherweise auch keinen "echten" Gewinn davon sehen.

BEARBEITEN - als weiteren Test können Sie es mit 2 verschiedenen Seiten versuchen, wobei Sie "lorem ipsum" -Text verwenden, der um ein großes Bild gewickelt ist (4 MB oder so?). Da es keine echte Möglichkeit gibt, das Bild schnell zu laden (es sei denn, es wird zwischengespeichert), sollten Sie einen Unterschied im Anzeigeverhalten zwischen der expliziten und der nicht expliziten Seite feststellen.

7
Joel Etherton

Ich weiß nicht, wie die Leistung tatsächlich gesteigert wird, aber es hilft dem Browser beim Malen, wodurch die Anwendung für den Benutzer schneller erscheint. Unterschätzen Sie eine schnellere Benutzeroberfläche nicht, wenn es darum geht, wie Ihre Anwendung wahrgenommen wird.

2
Virtuosi Media