Comment mieux réduire le temps de chargement des pages, 19 méthodes sont fournies ci-dessous, à titre de référence uniquement, les amis intéressés peuvent y jeter un œil.
1. Le nombre de requêtes HTTP répétées doit être réduit autant que possible
(1) Réduire le nombre d'appels vers d’autres pages et fichiers.
(2) Diagramme de sprite
2. Placez la définition du style CSS dans l'en-tête du fichier
Ce paramètre convient aux utilisateurs disposant d'un réseau lent ou d'un contenu Web volumineux. La situation est plus favorable et les informations de format peuvent être conservées pendant que la page Web est rendue progressivement, sans affecter la beauté de la page Web.
3. Mettez le script Javascript à la fin du fichier
4. Compressez le code Javascript et CSS
5. Utilisez l'accélération du réseau CDN (Content Delivery Network)
.De nombreuses entreprises font des affaires d'accélération CDN en Chine. Pour faire simple, il s'agit de diffuser vos photos et vidéos dans des endroits accessibles par le réseau CDN, afin que les utilisateurs puissent télécharger ces fichiers à proximité lors de leur visite, réalisant ainsi. le but d'accélérer le réseau, tout en réduisant la charge sur votre propre site Web.
6. Activer la compression gzip sur le serveur
En compressant les fichiers à transférer puis en les transférant au client puis en les décompressant, la quantité de données transmises sur le réseau sera considérablement réduite. Apache et Nginx sur le serveur peuvent être activés directement. Vous pouvez également utiliser du code pour définir directement l'en-tête du fichier de transmission et ajouter des paramètres gzip. Vous pouvez également le définir directement à partir du périphérique d'équilibrage de charge. Cependant, il convient de noter que ce paramètre augmentera légèrement la charge sur le serveur. Les sites Web dont les performances du serveur ne sont pas très bonnes doivent être soigneusement examinés.
7. Ajax utilise les appels de cache
Les appels Ajax utilisent tous les appels de cache et sont généralement implémentés à l'aide de paramètres de fonctionnalités supplémentaires. Faites attention au
{VERHASH} est le paramètre caractéristique. Si ce paramètre ne change pas, le fichier cache sera utilisé. S'il change, le nouveau fichier sera re-téléchargé ou les informations seront mises à jour.
8. Essayez d'utiliser la méthode GET pour les appels Ajax
Lors de l'utilisation réelle de XMLHttpRequest, si la méthode POST est utilisée, deux requêtes HTTP se produiront, alors qu'une seule requête HTTP se produira en utilisant le Méthode OBTENIR. Si vous utilisez plutôt la méthode GET, les requêtes HTTP sont réduites de 50 % !
9. Développez de bonnes habitudes de développement et de maintenance et essayez d'éviter les appels répétés aux scripts
10. Réduisez l'utilisation des iframes si cela n'est pas nécessaire, essayez de ne pas les utiliser
<🎜. >11. Raisonnable Après avoir utilisé Flush, le client envoie des requêtes de navigation, le serveur prend généralement 200 à 500 ms pour traiter ces requêtes. Pendant cette période, le navigateur client est en état d'attente. Si vous souhaitez réduire le temps d'attente. le temps d'attente de l'utilisateur, vous pouvez utiliser flush à l'emplacement approprié pour transmettre le contenu prêt au client. Ceci est facile à implémenter en PHP : e1698f9f8c729d9d3dfb866fa42897e8Évitez d'utiliser les redirections 301 et 302 <🎜. >lors de la navigation Lorsqu'un "crawler" envoyé par un serveur, un proxy ou un moteur de recherche fait une requête pour une page ou une URL, le serveur web où se trouve la page ou l'URL appelante vérifiera un fichier nommé .htaccess. Ce fichier contient des instructions sur la manière de traiter des demandes spécifiques et joue un rôle clé en matière de sécurité. Les utilisateurs peuvent modifier ce fichier pour indiquer au navigateur, à l'agent ou au « crawler » si la page appelée est temporairement supprimée (redirection 302) ou définitivement supprimée (redirection 301). Nous pouvons également implémenter des redirections permanentes 301/302 via des services d'hébergement Web au lieu des fichiers .htaccess.
13. Optimiser les fichiers image
Optimiser les fichiers image et réduire leur taille, en particulier les vignettes. Assurez-vous de générer des vignettes en fonction de leur taille, puis de les appeler. Bien que l'image que vous voyez de cette manière soit plus petite en apparence, la quantité de données chargées n'a pas été réduite du tout.
Les images et icônes ordinaires doivent également être compressées autant que possible. Cela peut être réalisé en enregistrant des images Web, en réduisant le nombre de couleurs, etc.
14. Lorsque le contenu de la page est suffisamment volumineux, il peut être affiché en pagination, ou chargé après avoir tourné la page comme Taobao.
15. Utilisez plusieurs noms de domaine pour charger plusieurs fichiers et images dans une page Web
Il existe des données indiquant que pendant le processus de chargement de la page Web, IE charge le même nom de domaine à en même temps. Le nombre maximum de requêtes HTTP parallèles est de 2. Si le nombre de fichiers qu'une page Web doit charger dépasse 2 (généralement bien plus que...), pour accélérer l'accès à la page Web, il est préférable de les distribuer. les fichiers vers plusieurs noms de domaine, comme le 19ème étage, ses fichiers js utilisent des noms de domaine indépendants. On dit que Baidu possède plus de 20 serveurs d'images.
16. css et javascript sont appelés en externe
Si le contenu de css et js est relativement volumineux, essayez de ne pas l'écrire dans la même page. Il est plus approprié de le charger en externe, car la navigation Le serveur lui-même mettra en cache les fichiers CSS et JS.
17. Réduisez autant que possible les éléments DCOM
Réduisez autant que possible le nombre d'éléments <> , et nous pouvons complètement utiliser < ;div> pour le remplacer.
18. Évitez d'utiliser des scripts CSS (expressions CSS)
Parfois, afin de modifier dynamiquement les paramètres du CSS, vous pouvez utiliser une expression CSS pour y parvenir, mais cela compensera les gains et les pertes. et rendra le navigateur client La charge est évidemment augmentée, il n'est donc pas recommandé de le faire. Si des modifications sont nécessaires, vous pouvez utiliser des scripts Javascript pour y parvenir.
19. Ajouter l'expiration du fichier ou l'en-tête du cache
Pour les images, les fichiers de script Js, etc. fréquemment consultés par le même utilisateur, vous pouvez définir le temps de mise en mémoire tampon dans Apache ou Nginx, par exemple en définissant un Délai d'expiration de 24 heures, afin que l'utilisateur puisse accéder au Lorsque vous visitez à nouveau après avoir passé cette page, le même ensemble d'images ou JS ne sera pas téléchargé à nouveau, réduisant ainsi les requêtes HTTP, la vitesse d'accès de l'utilisateur est évidemment améliorée et le serveur la charge sera également réduite.
emplacement ~ .*.(gif|jpg|jpeg|png|bmp|swf)$
{
expire 30j;#Définir 30 jours d'expiration
}
emplacement ~ . *.(js|css)?$
{
expire 1h;#Définir l'expiration 1 heure
}
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!
Comment résoudre le problème que les CSS ne peuvent pas être chargés
Que faire si le CSS ne peut pas être chargé
Que faire si le chargement de la DLL échoue
erreur_déclencheur
Que faire si le système d'installation ne trouve pas le disque dur
Logiciel d'enregistrement du temps
Quelle est la différence entre l'écran d'origine et l'écran assemblé ?
utilisation de float en CSS
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
