Desktop vs Mobile Angular 2 Ladezeiten

Question

Ich benutze Angular CLI, um eine Webseite mit Bootstrap Version 4 zu erstellen. Ich bin ein Problem mit Ladezeiten auf mobilen Geräten. Auf dem Desktop lädt es unter einer Sekunde. Auf Mobilgeräten dauert das Laden etwas mehr als 10 Sekunden.

Das gleiche WLAN, kein Cache oder Cookies auf beiden Systemen. Ist das nur wegen der fehlenden Verarbeitungsleistung auf mobilen Geräten, um alle js zu behandeln? Irgendwelche Ideen zur Verbesserung der Ladezeit?

Sobald die Webseite geladen ist, ist alles sehr bissig. Folge der Verwendung von Webpack, denke ich.

Answer 1

Verwenden des AOT-Compilers. Ansonsten (JIT) wird das ganze JS geladen und auf der Client-Seite kompiliert!

Schritte zu verbessern:

• AOT Verwendung (einschließlich gzip, Mini- und uglify) anugular-cli
• vereinfachen Module
• lazy-Lademodule