1. Utiliser DIV+CSS dans les programmes de site web au lieu de Table
Actuellement, DIV+CSS est le langage de programmation dominant, ce qui est indissociable de ses avantages de petite taille et de chargement rapide. Les sites web et les CMS grand public utilisent également ce mode. Par conséquent, il est recommandé que tout le monde utilise également ce mode pour la programmation, plutôt que la structure Table d'origine. La structure Table est non seulement peu pratique à gérer, mais augmente également la taille de la page web, ce qui réduit la vitesse de chargement du site.
2. Utiliser la technologie Gzip pour compresser les pages web
Utiliser la technologie Gzip pour compresser les pages web est un bon moyen de réduire la taille des pages web. Généralement, cela nécessite le support de votre espace d'hébergement de site web. Par exemple, sur l'hébergement mutualisé A5 que j'utilise, le taux de compression peut atteindre 80%. Lorsque la taille de la page web est plus petite, la vitesse de chargement devient naturellement plus rapide.
3. Réduire le nombre et la taille des fichiers CSS
Dans le processus d'utilisation de DIV+CSS, les fichiers CSS sont très importants. S'il y a plusieurs fichiers CSS pendant le développement, il est recommandé de les fusionner, ce qui peut accélérer le chargement du site. De plus, vous pouvez utiliser un logiciel professionnel d'allègement de pages web pour alléger les fichiers CSS afin de réduire leur taille.
4. Utiliser un CDN pour accélérer
Au cours de l'année écoulée, le CDN est devenu plus courant parmi les webmasters individuels, et de nombreux amis l'utilisent. Le nom complet de CDN est Content Delivery Network, ce qui est interprété comme un réseau de distribution de contenu. Le principe est d'éviter autant que possible les goulots d'étranglement et les liaisons sur Internet susceptibles d'affecter la vitesse et la stabilité de la transmission des données, afin que le contenu soit transmis plus rapidement et de manière plus stable. C'est un accélérateur de site web. Cela nécessite un paiement ; les gratuits ne sont pas très stables.
5. Optimiser le code et réduire les structures gonflées
Si nous utilisons le CMS le plus populaire, il ne devrait pas y avoir de structures de code gonflées. Mais il faut noter que des structures déraisonnables peuvent aussi exister lorsque nous créons ou choisissons des modèles de site web. Nous devons utiliser un cadre de programme relativement concis lors de l'écriture de modèles ou de programmes. La concision est bonne pour l'expérience utilisateur et également plus favorable au crawl et à l'indexation par les araignées des moteurs de recherche.
6. Réduire la taille et la quantité des images
Nous devrions essayer de réduire la taille et les dimensions des images lors de leur téléversement sur le site web. Vous pouvez compresser les images avant le téléversement ; des dimensions appropriées suffisent, ne les rendez pas trop grandes. Les images ne sont qu'une décoration pour le site web, tout n'a pas besoin d'être sous forme de texte et d'images. En même temps, nous devrions également éviter d'utiliser de grandes quantités de contenu vidéo ou audio.
7. Réduire les fichiers de script JavaScript et essayer de les conserver dans un seul fichier
Essayez d'appeler le code JS en externe, ne le placez pas dans la page web et n'appelez pas à distance du code JS externe. Par exemple, Google recommande de charger l'analyse dans la balise HEAD. Vous pouvez également essayer de combiner JavaScript et de les compresser pour un chargement plus rapide. Parfois, nous avons trop de code CSS et JS dans l'en-tête, ce qui fait que la partie centrale du contenu se charge trop lentement. Alors essayez de réduire le code dans l'en-tête.
8. Utiliser des pages HTML statiques
Comme nous le savons tous, ASP, PHP, JSP et d'autres programmes réalisent l'interaction statique des informations de page web. Ils sont en effet très pratiques à exécuter en raison de leur bonne interactivité des données, permettant un accès et une modification faciles du contenu de la base de données. Cependant, ce type de programme présente aussi ses propres défauts : il doit d'abord générer la page HTML sur le serveur, puis la « transmettre » à l'utilisateur. Cette étape supplémentaire affectera certainement la vitesse d'accès du site web. Par conséquent, l'auteur suggère que, durant la phase initiale d'un nouveau site, pendant la période d'observation importante pour votre site web, il est plus sûr d'utiliser des pages HTML statiques.
9. Remplacer l'accès aux fichiers ASP, ASPX, PHP et autres par des références .js
Il convient de noter ceci lors de la conception de programmes ASP, ASPX, PHP et autres. Si vous souhaitez intégrer des données dynamiques dans une page HTML statique, et que ces données dynamiques sont fournies par ASP, PHP et d'autres programmes, vous utiliseriez l'instruction suivante pour y faire référence :
<script src="http://www.w3cschool.cc/network_index.php?data=1″></script>
Dans ce cas, chaque fois que quelqu'un visite votre site web, le serveur doit exécuter et traiter le fichier network_index.php une fois, extraire les données pertinentes de la base de données, puis les envoyer à la page web pour affichage. Si des dizaines de milliers de personnes visitent en même temps, il sera exécuté des dizaines de milliers de fois, et les conséquences peuvent être imaginées. Il est recommandé de générer dynamiquement les données dans un fichier network_index.js dans ces programmes, puis, dans la page d'accueil, utilisez
<script src="http://www.w3cschool.cc/network_index.js"></script>
un tel code pour référencer le fichier network_index.js. De cette façon, la tâche d'affichage des données est confiée au navigateur côté client, qui ne consomme pas de ressources serveur, de sorte que la vitesse d'affichage est naturellement très rapide ; le temps passé par le premier est presque plusieurs fois celui du second !
Article provenant de :http://www.zuidaima.com/share/1962621598600192.htm