Maison >interface Web >tutoriel HTML >Comment mieux réduire le temps de chargement des pages

Comment mieux réduire le temps de chargement des pages

零下一度
零下一度original
2017-07-17 15:08:582070parcourir
  1. 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.

  2. 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

32ed2bfc3dda7a1a7d22aac2ed57421e , 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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn