Réduisez l'utilisation de la mémoire et du processeur en optimisant la production de pages Web_HTML/Xhtml_Web.

Certaines pages Web peuvent ne pas paraître grandes mais seront lentes à l'ouverture, et certaines pages Web peuvent être très longues mais peuvent être utilisées sans problème. Cela affecte la mémoire et le processeur de l'ordinateur de l'utilisateur.
Problèmes de navigateur, chaque navigateur affectera le traitement de la mémoire, mais il n'y a presque aucun moyen de le contrôler. Sous Windows :
·Série IE, la quantité de récupération de rafraîchissement n'est pas importante, mais la minimisation libérera de la mémoire.
·Firefox 2 est censé minimiser le recyclage, mais je n'ai jamais vu le plus de déchets. Il utilise uniquement ce que vous utilisez et ne le recycle pas. On dit que l'ajax du prototype entraînera également une augmentation continue de la mémoire.
·L'opéra est le meilleur. Toujours en bon contrôle. Il n'y a aucun problème.
·Le mécanisme d'allocation de mémoire de Linux est différent de celui de Win. Utilisez-en autant que vous en avez. Si le navigateur occupe toute la mémoire, il peut tuer le système.
Problème de page. Le navigateur consommera de la mémoire et du processeur lors du rendu de la page. Réduisez-le si vous le pouvez.
Structure
Utilisez DocType pour indiquer au navigateur ce que vous utilisez. HTML4 possède également une DTD. Peut-être que Transitional vous convient mieux
Si vous utilisez XHTML et pouvez maintenir une bonne structure, n'oubliez pas de générer l'en-tête MIME et XML correspondant 1, ce qui peut réduire l'inspection du code du navigateur
Gardez la structure intacte et ne la faites pas. Je ne laisse pas le navigateur vous aider à compléter le code.
Contrôlez la taille du fichier de la page Vous pouvez utiliser le programme pour indenter le code plus confortablement pour la visualisation. 2 ~ 3K est aussi une taille.
iframe générera une nouvelle page. En fait, il existe de nombreuses façons de remplacer l'iframe
Le JS et le CSS introduits peuvent être fusionnés de manière appropriée. De même, les images d'arrière-plan peuvent également être fusionnées dans des images de contenu. avec une largeur et une hauteur connues. /Object plus l'attribut width peut réduire le rendu partiel de la page
Performances
Dans la plupart des cas, seule la taille du fichier est différente entre une qualité jpg de 99 et 70. Il en va de même pour les gifs, en particulier les petites icônes. La différence entre 256 couleurs et 128 couleurs réside dans la taille du fichier.
Le flash se déplace trop vite et consomme beaucoup de CPU. Le contrôle du nombre d'images par seconde et de l'effet d'animation peut être réduit si la qualité est réglée sur moyenne ou faible, beaucoup de ressources seront économisées, mais. l'effet sera sacrifié. . Parfois, il est plus approprié de sélectionner Autolow2 ou Autohigh pour l'attribut de qualité. Il n'est pas nécessaire de conserver une valeur faible ou optimale.
Flash utilise des graphiques vectoriels pour enregistrer la taille du fichier, mais le calcul de graphiques et d'animations complexes consomme du processeur. Trop de filtres complexes prendront beaucoup de mémoire. Le filtre de flou a été réduit de 3.
Les filtres d’IE prennent également beaucoup de mémoire et présentent également des problèmes de compatibilité. La translucidité en plein écran consomme des ressources.
Une image 2*2 a à peu près la même taille qu'une image 8*8, mais le fond carrelé 2*2 prend beaucoup plus de place.
L'animation GIF a également le concept de cadres. Ne lisez simplement pas le GIF en flash.
Comportement
N'importez pas un prototype entier ou jQuery juste pour utiliser un $(), ils font plus.
AJAX, c'est cool. Mais l'utilisation de XML nécessitera un analyseur XML. Certaines personnes recommandent d'utiliser JSON, mais cela nécessite des données d'évaluation. En fait, vous pouvez importer directement le script qui est déjà un objet. Transmettez simplement un nom d'objet supplémentaire, ou notez le nom de l'objet, ou utilisez jsonFlickrApi({"xxx":"xxx"}) comme flickr, directement en tant que fonction, haha.
N'utilisez pas display:none lorsque vous pouvez utiliser visible:hidden pour obtenir certains effets.
Cela n'a pas beaucoup de sens de souligner que les variables JS doivent prêter attention aux variables globales et locales, etc. La complexité de JS ne peut pas être expliquée clairement en une ou deux phrases. Veuillez prêter attention au nouveau livre de Yueying en cours de publication. publié.
En fait, une grande partie du contenu ici est similaire à la façon de rendre rapidement nos pages Web, mais cet article concerne principalement le traitement côté serveur, mais dans de nombreux cas, économiser la consommation de ressources côté serveur permettra également d'économiser le client. ressources secondaires.
　
　(Tout le monde est invité à ajouter)