javascript - Comment optimiser la vitesse d'ouverture d'une page Web?

Question

1. Réduisez le nombre de demandes de fichiers,
2. Utilisez des images de sprite.
3. Utilisez le chargement paresseux.
(Comment réduire le nombre de demandes de fichiers ?)
(Pourquoi peut-il être optimisé en réduisant le nombre de demandes de fichiers ? Si j'ai 10 fichiers de 10 000 et un fichier de 100 000, et que mes 10 fichiers de 10 000 sont importés en même temps via plusieurs threads, cela devrait être mieux qu'un 100k est plus rapide )()
Veuillez me donner quelques réponses. . . . . . Reconnaissant. .

Answer 1

Je pense que si la page Web est relativement longue, vous pouvez d'abord afficher un écran de contenu, puis laisser la barre de défilement défiler jusqu'à une certaine distance et utiliser la requête ajax pour la charger. S’il y a beaucoup de contenu à afficher, je pense qu’il vaut mieux utiliser l’affichage par pagination, tout comme Taobao et JD.

Answer 2

Maintenant, utiliser des images de sprite n'est peut-être pas le meilleur moyen d'optimiser.
L'utilisation de webpack peut réduire les fichiers d'entrée et les images de package en base64, ce qui peut parfaitement répondre à vos besoins.

Answer 3

Parlons brièvement de quelques-uns :

1. Utiliser des images Sprite, c'est réduire le nombre de requêtes. Par exemple : il y a 100 petites icônes si elles sont séparées en une seule image, vous devez continuellement demander au serveur 100 fois pour les obtenir toutes. en une seule image, vous ne devez demander qu'une seule fois

.

2. La fusion js, la fusion css est la même.

Écrivez ici :
Les threads multiples sont spécifiques au navigateur. Même si plusieurs threads demandent des images, le navigateur a des limites. Actuellement, le nombre de requêtes simultanées dans tous les navigateurs est généralement limité à moins de 10. C'est-à-dire que lorsque ce nombre est dépassé, il sera bloqué
En parlant de chargement à la demande, cela dépend de la situation réelle. Les images Sprite ne sont fondamentalement pas utilisées pour les grandes images dépassant 100K, et une petite icône n'en a que des dizaines ou. des centaines de B ou dix Il n'y a aucun fardeau lors de la fusion de dizaines ou de vingt mille dollars
Par rapport à plusieurs demandes, il est plus « rentable » de faire une seule demande comme celle-ci

.