Tun Sie dies, um das Laden des Bildes auf Ihrer Website zu verbessern

Im folgenden Video erklärt Jen Simmons, wie die Bildlastgeschwindigkeit mit width und height verbessert wird. Das Problem ist, dass das Bild beim ersten Laden zu Verzögerungen führt, da vor dem Browser die Bildressource erfolgreich herunterlädt. <img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/174433873873361.png" class="lazy" alt="Tun Sie dies, um das Laden des Bildes auf Ihrer Website zu verbessern"> Dies liegt daran, dass Firefox und Chrom diese Werte nun berücksichtigen und alle Verzögerungen vor dem Bildlasten beseitigen, auch wenn Sie die Flüssigkeitsbreite in CSS verwenden und daher die Höhe unbekannt ist . Dies bedeutet, dass auch wenn das Bild nicht geladen ist, der Inhalt immer an derselben Stelle bleibt. In der Vergangenheit habe ich in vielen Projekten Bilder auf einer niedrigeren Seite platziert, um dieses Stottern zu verhindern. Ich denke, das löst dieses Problem sehr gut.

Das obige ist der detaillierte Inhalt vonTun Sie dies, um das Laden des Bildes auf Ihrer Website zu verbessern. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!