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.
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.
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
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
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
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
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.
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.
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
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
.Compressez et fusionnez js et css en deux fichiers, demandez un oss gratuit sur Alibaba et téléchargez les fichiers.
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