Heim >Web-Frontend >js-Tutorial >Was bedeutet verzögertes Laden?

Was bedeutet verzögertes Laden?

Guanhui
GuanhuiOriginal
2020-06-24 16:22:255275Durchsuche

Lazy Loading ist eine einzigartige und leistungsstarke Datenerfassungsmethode. Sie kann automatisch mehr Daten abrufen, wenn der Benutzer durch die Seite scrollt, und die neu erhaltenen Daten haben keinen Einfluss auf die Anzeige der Originaldaten serverseitiger Ressourcenverbrauch.

Was bedeutet verzögertes Laden?

Bei Webanwendungen liegt der Flaschenhals des Systems oft in der Reaktionsgeschwindigkeit des Systems. Wenn die Reaktionsgeschwindigkeit des Systems zu langsam ist, beschweren sich Benutzer und der Wert des Systems wird erheblich verringert. Daher ist es sehr wichtig, die Reaktionsgeschwindigkeit des Systems zu verbessern.

Webanwendungen interagieren meist mit der Backend-Datenbank, und das Abfragen der Datenbank ist ein sehr zeitaufwändiger Prozess. Wenn die Datenbank zu viele Datensätze enthält, wird die Abfrageoptimierung noch wichtiger. Um dieses Problem zu lösen, hat jemand das Konzept des Caches vorgeschlagen. Beim Caching werden von Benutzern häufig verwendete Daten im Speicher abgelegt, damit sie schnell darauf zugreifen können. Nachdem der Benutzer einen Abfragevorgang ausgeführt hat, werden die abgefragten Datensätze im Cache abgelegt. Wenn der Benutzer erneut fragt, liest das System es zuerst aus dem Cache. Wenn es sich nicht im Cache befindet, fragt es die Datenbank ab. Die Caching-Technologie verbessert die Systemleistung bis zu einem gewissen Grad. Wenn die Datenmenge jedoch zu groß ist, ist Caching nicht geeignet. Da die Speicherkapazität begrenzt ist, beeinträchtigt das Platzieren zu vieler Daten im Speicher die Computerleistung. Eine andere Technologie, Lazy Loading, kann dieses Problem lösen.

Anwendungsfall

Betrachten Sie dieses Beispiel: Haier Electric ist eine sehr große Organisation mit mehr als 10.000 Organisationseinheiten. Aufgrund der Komplexität von Organisationseinheiten bestehen auch Vorgesetzten-Untergebenen-Beziehungen zwischen Organisationseinheiten. Die Frage ist nun: Wenn ein Benutzer einer Organisationseinheit von Haier Electric beitreten möchte, wie sollte er diese Organisationseinheit auswählen?

Eine einfache Lösung besteht darin, die Datenbank abzufragen und alle Organisationseinheiten von Haier Electric in eine Dropdown-Liste aufzunehmen, damit Benutzer sie auswählen können. Damit wurde das Problem tatsächlich gelöst, der Test ergab jedoch, dass der Browser die Animation bei der Anzeige der Organisationseinheitsdaten anhielt. Es scheint, dass die Leistung dieser Methode zu schlecht ist und möglicherweise nicht übernommen wird.

Eine andere Lösung ist die Verwendung der Lazy-Loading-Technologie. Da zwischen Organisationseinheiten eine Vorgesetzten-Untergeordneten-Beziehung besteht, kann die Anordnung der Organisationseinheiten als Baum betrachtet werden. Beim Anzeigen von Daten wird nur der übergeordnete Knoten angezeigt. Wenn auf den übergeordneten Knoten geklickt wird, werden die untergeordneten Knoten angezeigt.

Um eine Organisationseinheit auszuwählen, muss der Benutzer nur auf den übergeordneten Knoten der Organisationseinheit klicken, um die Organisationseinheit zu finden.

Es ist ersichtlich, dass Lazy Loading die Systemreaktionszeit spart und die Systemleistung verbessert, was sehr wertvoll ist.

Empfohlenes Tutorial: „JS-Tutorial

Das obige ist der detaillierte Inhalt vonWas bedeutet verzögertes Laden?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn