Nachdem Google letztes Jahr die native Bild-Lazy-Loading-Funktion zu Chrome hinzugefügt hat, ermöglicht Google nun Entwicklern das Lazy-Loaden schwerer Iframes. Lesen Sie weiter, um mehr zu erfahren!
Der Anstieg des Webverkehrs von mobilen Benutzern und Menschen auf der ganzen Welt mit eingeschränkten Verbindungsmöglichkeiten veranlasste Unternehmen und Entwickler dazu, die Ladegeschwindigkeiten von Websites stark zu optimieren. Wenn Sie normalerweise zu einer Webseite navigieren, werden alle verfügbaren Inhalte heruntergeladen und angezeigt: Bilder, Symbole, GIFs, Stile, Skripte usw. Wie Sie sich vorstellen können, verursacht das Laden all dieser Dinge eine Verzögerung beim Starten der Website, insbesondere bei Benutzern mit langsamen Verbindungen. Google versucht seit einiger Zeit, dieses Problem zu beheben. Erst letztes Jahr fügten sie hinzu Bild-Lazy-Loading-Funktion in Google Chrome 76. Jetzt bietet Google die gleiche Funktionalität für Iframes an.
Lazy Loading lädt die Inhalte der Webseite bei Bedarf, was bedeutet, dass sie nicht heruntergeladen werden und werden angezeigt, bis Sie nach unten scrollen und sie in der Ansicht anzeigen, wodurch die anfängliche Startzeit der Website verkürzt wird Geschwindigkeit. Wie bereits erwähnt, ist das verzögerte Laden von Bildern seit letztem Jahr in Chrome verfügbar, aber jetzt können Entwickler die gleiche Methode auch für Iframes verwenden. Um es auf Ihrer eigenen Website zu implementieren, müssen Sie lediglich hinzufügen
Ironischerweise stellte das Chrome-Team beim Testen, wie die Einbettung von YouTube-Videos (die iframe-basiert sind) die Ladegeschwindigkeit von Webseiten beim verzögerten Laden beeinflussen würde, fest, dass sie „Wir haben 10 Sekunden Zeit eingespart, bis unsere Seiten auf Mobilgeräten interaktiv sein könnten.„Unnötig zu erwähnen, dass Lazy-Loading echte Vorteile gegenüber der herkömmlichen Methode hat, den gesamten Inhalt der Webseite herunterzuladen, sobald Sie sie besuchen.
Kostenlos.
4.1.
Quelle: web.dev
Über: Techdows