angular.js - AngularJS制作的网页怎么提高访问速度？

Question

1. AngularJS在访问的时候要加载诸多的js文件，如果手机网速不快，那么可能要加载好久。
2. 提高后台的响应速度,不知为何100Mps的阿里云，我用python的flask写后台api，有时候一个请求要十几秒。。。
3. 其他可以提高访问速度，节省用户流量的方式

以上几点，本人菜鸟，只是略微有些了解，比如不要第一次加载所有js文件等等，希望有高手能给出一点更具体的实施的措施，十分感谢！

Answer 1

1. Compressez toutes les dépendances de fichiers JS qui doivent être utilisées.
2. Le chargement à la demande signifie charger les fichiers JS dont vous devez dépendre.
3. Utilisez un CDN.

Answer 2

Mise en cache des données, compression et fusion de code

Par rapport à React, Angular est vraiment lent à charger pour la première fois. Il n'y a aucun moyen, React peut décider quand charger en fonction du cycle de vie.

Answer 3

L'essentiel est
1. Chargement asynchrone
2 Chargement à la demande
3. Mise en cache des données (mise en cache locale des ressources statiques qui ne sont pas fréquemment mises à jour, mise en cache des requêtes ajax)
4. Ajouter un chargement Améliorer l'expérience utilisateur
5 CND
6.
Si le client souhaite accélérer, il doit se concentrer sur la taille du fichier, le temps de requête, l'efficacité de l'exécution du code, les terminaux mobiles doivent également prêter attention à l'accélération matérielle similaire à l'utilisation de canevas pour les images, la disposition CSS affectera également l'efficacité, le rendu des pages et d'autres problèmes

Answer 4

Pour la première fois que js est chargé, il sera chargé de manière synchrone. S'il n'est pas requis pour la page d'accueil, il peut être chargé de manière asynchrone

.

Answer 5

Compressez et fusionnez js et css en deux fichiers, demandez un oss gratuit sur Alibaba et téléchargez les fichiers.

Answer 6

Allez sur f12 sur Chrome ou ff pour voir l'intégralité du processus de chargement
1 Combien de fichiers sont chargés, combien de fichiers statiques et combien de fichiers dynamiques
2. et chaque étape dynamique ?
3. Déterminez s'il y a des anomalies dans la résolution DNS, l'utilisation du cache, le délai de demande de réponse, le processus de transmission et de longues périodes d'inactivité pendant le processus de chargement
De plus, si le la ligne entre votre réseau et le serveur est stable