Ich entdeckte vor kurzem das $ocLazyLoad Drittpartei-Winkelmodul, das das verzögerte Laden von Javascript-Dateien ermöglicht. Ich bin etwas verwirrt über dieses Konzept. Wie unterscheidet sich das Lazy Loading vom Caching und warum möchten Sie bei Verwendung von angularjs lazy laden?
Caching und Lazy Loading sind zwei verschiedene Konzepte.
eine Datei-Caching bedeutet, dass Sie nicht auf den Server zu gehen, erfordert wieder zu greifen. Stattdessen ziehen Sie es aus dem Cache des Browsers und speichern die HTTP-Anforderungszeit.
Sie können Vorlagen zwischenspeichern, indem Sie sie in HTML einbetten. Dadurch wird das Laden aus einer anderen Datei gespart, die Ladezeit für die Bytegröße dieser Vorlagen wird jedoch erhöht. Im Allgemeinen ist es gut, Vorlagen zu cachen. und Skripte auch.
Lazy Loading bedeutet, dass die Datei nicht nur (kein HTTP-Anforderung gemacht wird) geladen werden, nachdem das Modul benötigt wird, dann wird ihr geladen, dessen Skript ausgewertet und ausgeführt wird.
Sie können die Datei natürlich laden und zwischenspeichern. Zwischenspeichern mit Servicemitarbeitern oder Verweisen auf Anforderungsheader und Browser zum Zwischenspeichern.