Comment réduire l'utilisation de la mémoire et du processeur des pages Web _HTML/Xhtml_Production de pages Web

Certaines pages Web peuvent ne pas paraître grandes mais sont très lentes à l'ouverture. 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 sera affecté par des problèmes de mémoire, mais il n'y a presque aucun moyen de les contrôler Sous Windows :

Pour la série IE, la quantité de recyclage de rafraîchissement n'est pas importante, mais la minimiser libérera de la mémoire.
On dit que Firefox 2 minimisera également le recyclage, mais je n'ai jamais vu le plus de déchets. Il est utilisé autant qu'il peut être utilisé, et il n'est fondamentalement pas recyclé. 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. La quantité utilisée est utilisée. 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.

Structurellement
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. > pour donner une largeur et une hauteur connues L'image/Objet du contenu plus l'attribut width peuvent réduire le rendu partiel de la page
En termes de performances
Dans la plupart des cas, seule la taille du fichier est différente selon la 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.
Flash se déplace trop vite et consomme beaucoup de CPU. Le contrôle du nombre d'images par seconde et de l'effet de l'animation peut être réduit Si la qualité est réglée sur moyenne ou faible, beaucoup de ressources seront économisées, mais le. l’effet sera sacrifié. . Attribut de qualité Parfois, il est plus approprié de choisir Autolow2 ou Autohigh. Il n'est pas nécessaire de conserver un niveau bas ou optimal
Flash utilise des graphiques vectoriels pour économiser 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 l'arrière-plan carrelé 2*2 prend beaucoup plus de place.
L'animation GIF a également le concept d'images, mais ne lisez pas le GIF en flash.
Comportementalement
N'importez pas l'intégralité du prototype 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 pour obtenir certains effets qui peuvent être résolus en utilisant visibilité:hidden.
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 des ressources du serveur permettra également d'économiser les clients. consommation de ressources.

En fait, cet article est resté au stade des brouillons depuis longtemps et je n’ai pas eu le temps de le trier. Ce que je donne maintenant n'est pas complet, car il n'est pas complet, alors ajoutez-le lentement.

------------------------------------------------------ ------ ----------------------------------

Créer des problèmes : même si cela entraînera des problèmes en mode navigateur, le problème peut être résolu. Reportez-vous à Servir XHTML avec le type MIME correct. Le navigateur qui envoie l'en-tête XML ne l'affichera pas avec tolérance aux pannes. Si une structure incorrecte se produit, la page entière ne sera pas affichée.

Autolow : donnez la priorité à la vitesse, mais améliorez également l'apparence lorsque cela est possible. Lorsque la lecture commence, l'anticrénelage est désactivé. Flash Player active l'anticrénelage s'il détecte que le processeur peut le gérer.
Autohigh : Au début, la vitesse de lecture et l'apparence sont toutes deux tout aussi importantes. Si nécessaire, l'apparence sera sacrifiée pour assurer la vitesse de lecture. Lorsque la lecture démarre, l'anticrénelage est activé. Si la fréquence d'images réelle tombe en dessous de la fréquence d'images spécifiée, l'anticrénelage est désactivé pour augmenter la vitesse de lecture. Utilisez ce paramètre pour émuler la commande Anti-Aliasing (Affichage > Mode Aperçu > Anti-Aliasing).
Filtre flou : Lors de l'utilisation du filtre flou, si les valeurs utilisées pour flouX et flouY sont des puissances entières de 2 (comme 2, 4, 8, 16 et 32), la vitesse de calcul peut être accélérée et les performances peut être amélioré Augmenter de 20% à 30% (le flash aide beaucoup).