Verhindert „display:none' wirklich das Laden von Bildern?

Auswirkungen von „display:none“ auf das Laden von Bildern

Viele Tutorials zur responsiven Website-Entwicklung schlagen die Verwendung der CSS-Eigenschaft „display:none“ vor Verbergen Sie die Anzeige von Inhalten in mobilen Browsern und verkürzen Sie so die Ladezeiten von Websites. Verhindert „display:none“ jedoch wirklich das Laden von Bildern?

Hört „display:none“ das Laden von Bildern an?

Browser sind anspruchsvoller geworden. Heutzutage kann Ihr Browser je nach Version das Laden eines Bildes unterlassen, wenn er feststellt, dass es irrelevant ist.

Während einem Bild möglicherweise der Stil „display:none“ zugewiesen ist, können Skripte dennoch auf seine Abmessungen zugreifen. In Fällen, in denen das übergeordnete Element ausgeblendet ist, lässt Chrome Version 68.0 das Laden von Bildern aus.

Alternativen zu „display:none“

Wenn Sie das Laden von Bildern ausdrücklich verhindern möchten, Erwägen Sie die folgenden Techniken:

• Lassen Sie das IMG-Element aus dem Dokument weg.
• Set das IMG-src-Attribut auf „data:“ oder „about:blank“.

Einschränkungen von „display:none“

„display:none“ kann sein Dies ist nicht wirksam für Bilder, die auf dem Startbildschirm angezeigt und nicht verzögert geladen werden. Das Bild wird geladen, ist aber nicht sichtbar.

Das obige ist der detaillierte Inhalt vonVerhindert „display:none' wirklich das Laden von Bildern?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!