Heim  >  Artikel  >  Web-Frontend  >  Reduzieren Sie die Speicher- und CPU-Auslastung, indem Sie die Produktion von Webseiten_HTML/Xhtml_Webseiten optimieren

Reduzieren Sie die Speicher- und CPU-Auslastung, indem Sie die Produktion von Webseiten_HTML/Xhtml_Webseiten optimieren

WBOY
WBOYOriginal
2016-05-16 16:45:391418Durchsuche

Einige Webseiten sehen möglicherweise nicht groß aus, sind jedoch beim Öffnen verzögert, und einige Webseiten sind möglicherweise sehr lang, können jedoch reibungslos verwendet werden. Dies wirkt sich auf den Speicher und die CPU des Computers des Benutzers aus.
Browserprobleme, jeder Browser wirkt sich auf die Speicherverarbeitung aus, aber es gibt fast keine Möglichkeit, dies zu steuern. Unter Windows:
·IE-Serie, der Umfang der Aktualisierungswiederherstellung ist nicht groß, aber durch Minimieren wird Speicher freigegeben.
·Firefox 2 soll das Recycling minimieren, aber ich habe noch nie den größten Müll gesehen. Es verwendet nur das, was Sie verwenden, und recycelt es im Grunde nicht. Es wird gesagt, dass der Ajax des Prototyps auch dazu führen wird, dass der Speicher weiter zunimmt.
·Oper ist das Beste. Immer gute Kontrolle. Es gibt kein Problem.
·Der Speicherzuweisungsmechanismus von Linux unterscheidet sich von dem von Win. Verwenden Sie nur so viel Speicher, wie Sie haben. Wenn der Browser den gesamten Speicher belegt, kann dies das System zerstören.
Seitenproblem. Der Browser verbraucht beim Rendern der Seite Speicher und CPU.
Struktur
Verwenden Sie DocType, um dem Browser mitzuteilen, was Sie verwenden. HTML4 verfügt auch über DTD. Vielleicht ist Transitional besser für Sie geeignet.
Wenn Sie XHTML verwenden und eine gute Struktur beibehalten können, denken Sie daran, den entsprechenden MIME- und XML-Header 1 auszugeben, was die Codeüberprüfung durch den Browser reduzieren kann.
Behalten Sie die Struktur bei Lassen Sie sich nicht vom Browser beim Vervollständigen des Codes helfen.
Steuern Sie die Dateigröße der Seite. Mit dem Programm können Sie den Code für die Anzeige bequemer einrücken. 2~3K ist auch eine Größe.
iframe generiert eine neue Seite.
Das eingeführte JS und CSS können entsprechend zusammengeführt werden. Einige Leute können sogar Flash mit Inhaltsbildern zusammenführen mit bekannter Breite und Höhe. /Object plus das width-Attribut kann das teilweise erneute Rendern der Seite reduzieren
Leistung
In den meisten Fällen unterscheidet sich nur die Dateigröße zwischen JPG-Qualität von 99 und 70. Das Gleiche gilt für GIFs, insbesondere für kleine Symbole. Der Unterschied zwischen 256 Farben und 128 Farben ist die Dateigröße.
Der Blitz bewegt sich zu schnell und verbraucht viel CPU. Die Steuerung der Anzahl der Bilder pro Sekunde und der Effekt der Animation können jedoch verringert werden, wenn die Qualität auf mittel oder niedrig eingestellt ist Der Effekt wird geopfert. . Manchmal ist es besser, „Autolow2“ oder „Autohigh“ für das Qualitätsattribut auszuwählen. Es besteht keine Notwendigkeit, „Niedrig“ oder „Best“ zu wählen.
Flash verwendet Vektorgrafiken, um Dateigröße zu sparen, aber die Berechnung komplexer Grafiken und Animationen beansprucht die CPU. Zu viele komplexe Filter beanspruchen viel Speicher. Der Unschärfefilter wurde reduziert 3.
Die Filter des IE beanspruchen außerdem viel Speicher und weisen außerdem Kompatibilitätsprobleme auf. Die Vollbildtransparenz verbraucht Ressourcen.
Ein 2*2-Bild hat ungefähr die gleiche Größe wie ein 8*8-Bild, aber der 2*2-Kachelhintergrund nimmt viel mehr Platz ein.
GIF-Animationen haben auch das Konzept von Frames. Spielen Sie GIFs einfach nicht als Flash ab.
Verhalten
Importieren Sie nicht einen ganzen Prototyp oder jQuery, nur um ein $() zu verwenden, sie leisten mehr.
AJAX ist cool. Für die Verwendung von XML ist jedoch die Verwendung von JSON erforderlich. Dies erfordert jedoch Evaluierungsdaten. Tatsächlich können Sie das Skript, das bereits ein Objekt ist, direkt importieren. Übergeben Sie einfach einen zusätzlichen Objektnamen oder notieren Sie sich den Objektnamen oder verwenden Sie jsonFlickrApi({"xxx":"xxx"}) wie flickr, direkt als Funktion, haha.
Verwenden Sie display:none nicht, wenn Sie Visibility:hidden verwenden können, um bestimmte Effekte zu erzielen.
Es macht wenig Sinn zu betonen, dass JS-Variablen auf globale und lokale Variablen usw. achten sollten. Die Komplexität von JS kann nicht in ein oder zwei Sätzen klar erklärt werden. Bitte beachten Sie Yueyings neues Buch veröffentlicht.
Tatsächlich ähnelt ein Großteil des Inhalts hier dem schnellen Rendern unserer Webseiten, aber in diesem Artikel geht es hauptsächlich um die Verarbeitung auf der Serverseite. In vielen Fällen führt die Einsparung des serverseitigen Ressourcenverbrauchs jedoch auch zu Einsparungen beim Client- Nebenressourcenverbrauch.
 
 (Jeder kann gerne hinzufügen)

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn