Comment améliorer la vitesse de chargement des pages Web en php

Cet article présente principalement comment améliorer la vitesse de chargement des pages Web en PHP. Il a une certaine valeur de référence. Maintenant, je le partage avec vous. Les amis dans le besoin peuvent s'y référer

1. :

Du point de vue des principes de fonctionnement WEB, les requêtes IIS sont sans état. Les connexions et les arrêts sont toujours en cours côté serveur. Si les requêtes du serveur peuvent être réduites, la durée totale sera réduite.

Lorsque j'ai téléchargé l'image de la page de connexion de 163 Mailbox auparavant, j'ai découvert qu'ils n'utilisaient qu'une seule image pour compléter toutes les images de la page entière. À ce moment-là, j'étais perplexe. les sites Web que je crée habituellement. Cependant, en faisant cela pour réduire le nombre de requêtes du navigateur, en utilisant httpwatch, vous constaterez que le temps total de requête est considérablement réduit. Dans la même idée, lors de la création de styles CSS et de codes javascript, vous devez également les mettre autant que possible dans un seul fichier pour réduire les requêtes WEB.

2. La technologie de compression de pages nous permet d'affiner les codes JS et HTML.

Jquery est la bibliothèque de classes la plus légère de JS. Sa bibliothèque de classes d'origine fait 242 Ko, mais après compression, elle ne fait que 91,6 Ko. Les outils de compression courants incluent Google Closure Compiler, YUI Compressor, JsPacker et gzip. J'utilise habituellement gzip car il a le taux de compression le plus élevé. Après compression avec jdk, certains espaces seront supprimés et remplaceront nos noms de variables longs par des lettres courtes.

3. Séparation du style, du comportement et de la structure.

Lors de la première visite de la page, l'utilisateur peut télécharger le code CSS et JS. Bien que cela ralentisse la vitesse de chargement de la page Web pour la première fois, les pages suivantes seront beaucoup plus rapides. Lorsque les utilisateurs visitent d'autres pages de ce site Web, d'autres pages font également référence à ce style CSS et à ce code JS. Le navigateur constate qu'il a été téléchargé et n'a pas besoin de le télécharger la prochaine fois. Cela permet d'obtenir l'effet d'un téléchargement et d'une vitesse ultérieure.

4. Utiliser des procédures stockées

Avant d'exécuter la procédure stockée, la base de données a analysé sa grammaire et sa syntaxe, et a fourni un plan d'exécution optimisé. Ce processus compilé peut grandement améliorer les performances des instructions SQL. Étant donné que la majeure partie du travail d'exécution de l'instruction SQL est terminée, la procédure stockée peut être exécutée extrêmement rapidement. Cette instruction SQL précompilée peut être exécutée directement et permet d'économiser une grande partie du temps de requête.

5. Quelques détails :

Mettez le style CSS en tête. S'il y a beaucoup de JS, mettez le code js à la fin. De cette façon, la structure DOM de la page peut être chargée en premier autant que possible, puis l'expérience utilisateur peut être améliorée. Si le JS est trop volumineux et que la page n'est pas complètement chargée, comment peut-il y avoir une expérience utilisateur ?

6. Utilisation appropriée d'AJAX

Ajax semble être un peu un mythe maintenant. Il semble que tant qu'Ajax sera requis pour les pages Web, il n'y aura pas de problèmes d'efficacité. En fait, c'est un malentendu. Une mauvaise utilisation d’Ajax ne rendra pas votre page web plus efficace, mais la réduira. L'Ajax est en effet une bonne chose, mais s'il vous plaît, n'y faites pas trop de mythes. Tenez également compte des directives ci-dessus lorsque vous utilisez Ajax.

7. Essayez d'utiliser le moins possible le code de style de page généré par l'outil de style et écrivez vous-même le style dans le fichier de style. Essayez d'écrire de manière aussi générique que possible.

8. Mise en cache des pages

La technologie de mise en cache est utilisée dans les grands sites Web de portail. C'est une technologie qui échange de l'espace contre du temps.

La mise en cache vise principalement à augmenter la vitesse de lecture des données. En raison d'un goulot d'étranglement du trafic entre le serveur et le client d'application, lors de la lecture de données de grande capacité, l'utilisation du cache pour servir directement le client peut réduire l'interaction des données entre le client et le serveur, améliorant ainsi considérablement la vitesse d'accès aux pages secondaires. .l'efficacité du programme.

9. Configurez la balise d'entité du site Web :

Cette Etag n'est pas destinée aux utilisateurs, mais à la mise en cache du navigateur. Etag est un mécanisme permettant au serveur d'indiquer au cache du navigateur si le contenu du cache a changé. Grâce à Etag, le navigateur peut savoir si le contenu du cache actuel est le plus récent et s'il doit être à nouveau téléchargé depuis le serveur.

10. Utilisez la technologie CDN.

Lorsque nous téléchargeons des éléments en ligne, nous voyons souvent des « serveurs du sud » et des « serveurs du nord » qui utilisent la technologie CDN pour améliorer la vitesse et la stabilité du téléchargement.

Le nom complet de CDN est Content Delivery Network, qui est un réseau de distribution de contenu. L'idée de base est d'éviter autant que possible les goulots d'étranglement et les liens sur Internet qui peuvent affecter la vitesse et la stabilité de la transmission des données, afin que la transmission du contenu puisse être plus rapide et plus stable. En plaçant des serveurs de nœuds sur tout le réseau pour former une couche de réseau virtuel intelligent basé sur l'Internet existant, le système CDN peut analyser en temps réel le trafic réseau et l'état de connexion et de charge de chaque nœud, ainsi que la distance jusqu'à l'utilisateur. et le temps de réponse et d'autres informations complètes pour rediriger la demande de l'utilisateur vers le nœud de service le plus proche de l'utilisateur. Son objectif est de permettre aux utilisateurs d'obtenir le contenu requis à proximité, de résoudre la situation de congestion du réseau Internet et d'améliorer la vitesse de réponse de l'accès des utilisateurs au site Web (extrait de l'Encyclopédie Baidu).

11. Utilisez Gzip pour compresser des documents :

L'encodage GZIP est une méthode utilisée pour améliorer les performances des pages Web, réduisant non seulement l'espace de stockage, mais également le temps nécessaire à la transmission. Après avoir utilisé Gzip pour compresser les fichiers du site Web, la vitesse de chargement de la page Web peut être considérablement augmentée et la consommation de bande passante du site Web peut également être réduite.

12. Le fichier de feuille de style est placé en externe :

Placez les fichiers de feuilles de style JavaScript et CSS qui doivent être utilisés dans la page dans un autre dossier, afin que ces fichiers appelés soient mis en cache lors de l'ouverture d'autres pages du site Web, accélérant ainsi la vitesse de chargement des pages du site Web.

13. Réduire le poids des fichiers JavaScript :

Cette méthode est différente de la fonction de compression gzip. Il existe de nombreuses façons de réduire la taille des documents JavaScript, comme la suppression des espaces inutiles et d'autres balises. . La réduction des fichiers de script peut améliorer considérablement la vitesse d'accès aux pages Web.

14. Les images utilisent les attributs de hauteur et de largeur

Les attributs de hauteur et de largeur de chaque image permettent au navigateur de connaître la longueur et la largeur de l'image avant de charger l'image, et de réserver la valeur spécifiée. la longueur et la largeur seront affichées une fois l’image chargée. Sans ces deux attributs, le navigateur doit à nouveau traiter le style de mise en page après avoir lu avec succès l'image, ce qui ralentit sans aucun doute la vitesse de chargement de la page Web. Par conséquent, il est préférable d’utiliser les attributs de hauteur et de largeur lorsque la taille de l’image est fixe.

15. Compression et amincissement des fichiers CSS

p+CSS est la méthode de mise en page Web fluide actuelle, p définit l'élément et CSS contrôle l'effet d'affichage. Nous écrivons donc souvent du CSS sur un ou plusieurs fichiers CSS liés en externe, et le code du fichier CSS comporte également de nombreuses lignes. Nous pouvons utiliser certains outils de compression CSS pour supprimer le contenu redondant inutile dans les fichiers CSS, tel que les définitions répétées de styles, d'espaces, etc. Vous pouvez essayer d'utiliser l'outil CleanCSS pour compresser vos fichiers CSS.

16. Intégrez des fichiers CSS et JS pour réduire le nombre de requêtes HTTP

De nos jours, les pages Web contiennent plusieurs images, des liens de fichiers externes CSS et des liens de script externes Javascript. Ainsi, lors de la visite d’une page Web, le navigateur doit demander ces fichiers au serveur plusieurs fois. Il y aura un décalage horaire considérable entre la demande et le chargement. En particulier pour certaines pages Web contenant plusieurs petites images et boutons d'icônes, le navigateur doit demander autant de ces petits fichiers qu'il y a d'images. Demander un trop grand nombre de ces petits fichiers d'images affectera considérablement la vitesse de chargement de la page Web. Par conséquent, nous devrions faire de notre mieux pour combiner de petites images dans une grande image PNG, puis afficher l'icône via les coordonnées. Demander une grande image à la fois est beaucoup plus rapide que demander plusieurs fois de petites images. De même, il est préférable de combiner autant que possible CSS et Javascript dans un seul fichier pour accélérer le chargement des pages Web.

17. Ajoutez une barre oblique (/) après l'adresse de l'annuaire

Si un visiteur clique pour accéder à une telle adresse d'annuaire : http://www.3haojob.com, ouvrez l'index dans celle-ci. document .html du répertoire. Lorsque le serveur reçoit la requête, il faut un certain temps pour analyser s'il s'agit d'un fichier ou d'un répertoire. Mais si nous ajoutons une barre oblique (/) à la fin, le serveur saura que vous accédez à une adresse de répertoire, puis chargera simplement le document par défaut index.html ou index.php directement. De cette façon, le serveur n’a pas à passer du temps à analyser cette adresse, qui joue également un certain rôle d’accélération. Labor Dispatch

Ce qui précède représente l'intégralité du contenu de cet article. J'espère qu'il sera utile à l'étude de chacun. Pour plus de contenu connexe, veuillez faire attention au site Web PHP chinois !

Recommandations associées :

Comment implémenter l'héritage multiple simulé en php

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!