angular-fullstack/generator-angular-fullstack

Question about first page load speed.

Open

#2.661 geöffnet am 28. Okt. 2017

Auf GitHub ansehen
 (5 Kommentare) (0 Reaktionen) (0 zugewiesene Personen)JavaScript (6.134 Stars) (1.268 Forks)batch import
good first issueinvestigateneed details

Beschreibung

  • I understand that GitHub issues are not for tech support, but for questions specific to this generator, bug reports, and feature requests.
Item Version
generator-angular-fullstack 4.2.2
Node 8.1.2
npm 5.4.2
Operating System Ubuntu 17.10
Item Answer
Transpiler Babel
Markup HTML
CSS SCSS
Router ui-router
Client Tests Mocha
DB MongoDB
Auth Y

How can i improve first page load speed? The biggest file is the app.js at about 2.5mb. I have this gziped down to ~500k which is still pretty big. On a normal 3G connection it still taken 4-5 seconds to load the first time. Is this to be expected? Or am i missing something? Are there some tools or configurations that will work well with angular-fullstack that can help speed this up? Thanks!

Contributor Guide

Tech Stack
javascriptangularnodejsexpressmongodbhtmlcss
Domain
frontendperformance
Issue Type
research
SchwierigkeitGeschätzte Implementierungsschwierigkeit für neue Contributors, von 1 für sehr kleine Änderungen bis 5 für Expertenarbeit.
3
Geschätzte ZeitEin grober Zeitrahmen, um zu recherchieren, zu implementieren, zu testen und einen Pull Request vorzubereiten.
1-3 hours
AktivitätsstatusWie verfügbar das Issue gerade wirkt: frisch, aktiv, stale, blockiert oder wartet auf Maintainer-Input.
stale
KlarheitWie klar das Issue die erwartete Änderung, Akzeptanzkriterien und den nächsten Schritt erklärt.
clear
Voraussetzungen
basic Angular knowledgeunderstanding of bundling
EinsteigerfreundlichkeitEin Score von 1 bis 100, der schätzt, wie zugänglich dieses Issue für First-Time Contributors ist.
30
Research-Richtung
Investigate the build configuration in the generator to identify how the app.js bundle is created. Look for webpack or similar bundler settings that could enable code splitting, lazy loading, or tree shaking. Review any existing documentation or comments in the repository about performance optimization. Consider testing different minification and compression strategies to reduce bundle size.