Heim  >  Artikel  >  Web-Frontend  >  So reduzieren Sie die Speichernutzung und CPU-Auslastung von Webseiten _HTML/Xhtml_Webseitenproduktion

So reduzieren Sie die Speichernutzung und CPU-Auslastung von Webseiten _HTML/Xhtml_Webseitenproduktion

WBOY
WBOYOriginal
2016-05-16 16:41:221482Durchsuche

Einige Webseiten sehen möglicherweise nicht groß aus, sind aber beim Öffnen sehr verzögert. Einige Webseiten sind möglicherweise sehr lang, können jedoch reibungslos verwendet werden. Dies wirkt sich auf den Speicher und die CPU des Computers aus.

Browserprobleme, jeder Browser ist von Speicherproblemen betroffen, aber es gibt fast keine Möglichkeit, sie zu kontrollieren. Unter Windows:

Bei IE-Serien ist die Menge an Refresh-Recycling nicht groß, aber durch die Minimierung wird Speicher freigegeben.
Es wird gesagt, dass Firefox 2 auch das Recycling minimiert, aber ich habe noch nie so viel Müll gesehen, wie er verwendet werden kann, und er wird im Grunde nicht recycelt. 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. Wie viel wird verwendet? Wenn der Browser den gesamten Speicher belegt, kann dies zum Systemabsturz führen.

Seitenproblem. Der Browser verbraucht beim Rendern der Seite Speicher und CPU.

Strukturell
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.
Kontrollieren Sie die Dateigröße der Seite. Sie können das Programm verwenden, um den Code für die Anzeige bequemer einzurücken. 2~3K ist auch eine Größe.
iframe generiert eine neue Seite.
Das eingeführte JS und CSS können auch entsprechend zusammengeführt werden > um eine bekannte Breite und Höhe anzugeben. Das Inhaltsbild/Objekt plus das Breitenattribut kann das teilweise erneute Rendern der Seite reduzieren.
In Bezug auf die Leistung
In den meisten Fällen unterscheidet sich nur die Dateigröße zwischen der 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.
Flash bewegt sich zu schnell und verbraucht viel CPU. Die Steuerung der Anzahl der Bilder pro Sekunde und der Effekt der Animation können verringert werden. Wenn die Qualität auf mittel oder niedrig eingestellt ist, werden viele Ressourcen gespart Wirkung wird geopfert. . Qualitätsattribut Manchmal ist es besser, Autolow2 oder Autohigh zu wählen. Es besteht keine Notwendigkeit, niedrig oder am besten zu bleiben.
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.
IE-Filter 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, aber spielen Sie GIF nicht als Flash ab.
Verhaltensmäßig
Importieren Sie nicht den gesamten 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 bestimmte Effekte erzielen, die durch die Verwendung von „visibility:hidden“ gelöst werden können.
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. ^^
Eigentlich ä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, aber in vielen Fällen spart die Einsparung von Serverressourcen auch Kunden Ressourcenverbrauch.

Eigentlich lag dieser Artikel schon lange im Entwurfskasten und ich hatte keine Zeit, ihn zu sortieren. Was ich jetzt gebe, ist nicht vollständig, weil es nicht vollständig ist. Fügen Sie es also bitte langsam hinzu.

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

Probleme verursachen: Obwohl es zu Problemen im Browsermodus kommt, kann das Problem gelöst werden. Siehe XHTML mit dem richtigen MIME-Typ bereitstellen. Der Browser, der den XML-Header sendet, zeigt ihn nicht fehlertolerant an. Wenn eine falsche Struktur auftritt, wird nicht die gesamte Seite angezeigt.

Autolow: Priorisieren Sie die Geschwindigkeit, verbessern Sie aber nach Möglichkeit auch das Erscheinungsbild. Wenn die Wiedergabe beginnt, ist Anti-Aliasing ausgeschaltet. Flash Player aktiviert Anti-Aliasing, wenn festgestellt wird, dass der Prozessor damit umgehen kann.
Autohigh: Zu Beginn sind Wiedergabegeschwindigkeit und Aussehen gleichermaßen wichtig. Wenn nötig, wird das Aussehen geopfert, um die Wiedergabegeschwindigkeit sicherzustellen. Wenn die Wiedergabe beginnt, ist Anti-Aliasing aktiviert. Wenn die tatsächliche Bildrate unter die angegebene Bildrate fällt, wird Anti-Aliasing ausgeschaltet, um die Wiedergabegeschwindigkeit zu erhöhen. Verwenden Sie diese Einstellung, um den Anti-Aliasing-Befehl zu emulieren (Ansicht > Vorschaumodus > Anti-Aliasing).
Unschärfefilter: Wenn bei Verwendung des Unschärfefilters die für UnschärfeX und UnschärfeY verwendeten Werte ganzzahlige Potenzen von 2 sind (z. B. 2, 4, 8, 16 und 32), können die Berechnungsgeschwindigkeit und die Leistung beschleunigt werden kann um 20 bis 30 % erhöht werden (Blitz hilft sehr).

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