Wer langsame Ladezeiten mit angular2 erlebt

Ich habe eine angular two App mit typescript und systemjs.Wer langsame Ladezeiten mit angular2 erlebt

Meine apps nur 800kb und dauert 4 Sekunden, um eine Seite mit nur Text zu langen.

Alle meine js und CSS ist klein/minimierte und ich habe 11 Anfragen insgesamt fast ohne Bilder

Alle Bilder komprimiert und in CDN Feuerbasis.

Ich Host mit Firebase und verwenden Sie Cloudflare für ssl und Leistung.

Hat jemand schlechte angle2 Leistung beim Laden und Caching erlebt.

Ich bekomme keine Verbesserungen der Caching-Geschwindigkeit.

Unten ist Screenshot von Dateien und die Ladezeit:

Dies ist die Geschwindigkeit Testergebnisse: https://www.webpagetest.org/result/161205_0H_S4H/

Anträge auf Belastung: 17 (unten Bildschirm greifen von Netzwerk-Registerkarte sehen auf Last)

Quelle

2016-12-05 AngularM

Wie lange dauert jede Anfrage beim Herunterladen der Dateien? – byxor

Was zeigt Ihr Netzwerk-Tab in Entwicklertools? – shusson

Die Anfragen sind sehr klein. Auf der Registerkarte Netzwerk zeigt es eine Verzögerung von 3 Sekunden, wo es nichts tut – AngularM

Verwenden Sie keine Systemjs für die Produktion.

Verwendung vor der Zeit (AOT) Kompilierung.

https://angular.io/docs/ts/latest/cookbook/aot-compiler.html

Quelle

2016-12-05 09:50:21 user1990

Danke, ich werde es mir ansehen. Warum ist System nicht ideal für die Produktion? – AngularM

SystemJS ist für die Produktion in Ordnung, wenn es richtig verwendet wird.SystemJS unterstützt bei Bedarf das verzögerte Laden von Paketen. Zum Beispiel könnten Sie mit einem Mausklick importieren, wenn ein Modul zum ersten Mal benötigt wird. Außerdem unterstützt der Angular2-Router jetzt das verzögerte Laden ganzer Routen mit SystemJS. Wenn Sie Ihre App richtig einstellen, ist SystemJS absolut in Ordnung. – danday74

@ danday74 könntest du einen Link zu einem Beispiel für das Routing hinzufügen, auf das du beim langsamen Laden von Routen verweisen willst, dann werde ich mit meinem vergleichen. Außerdem werde ich meins zur Frage über – AngularM

dies in der Regel passiert, wenn Entwickler mit Importen unvorsichtig sind. Ein großer Fehler ist hier das Importieren der gesamten RxJS-Lib, wenn Sie nur einen kleinen Teil davon verwenden wollen.

Zum Beispiel sollten Sie nicht .. importieren

import { Observable } from 'rxjs/Rx';

Das die gesamte RXJS lib importiert, die massiv ist.

import { Observable } from 'rxjs/Observable';

Wird nur importieren, was Sie brauchen.

Entfernen Sie alle Verweise auf 'rxjs/Rx' und Sie werden eine enorme Beschleunigung beim Laden der Seiten sehen.

Quelle

2016-12-05 10:31:32 danday74

Ich werde prüfen, ob ich das benutze . Ich glaube nicht, dass ich es bin. – AngularM

Ich verwende kein Observable – AngularM

Wer langsame Ladezeiten mit angular2 erlebt

Antwort

Verwandte Themen