Heim Web-Frontend HTML-Tutorial 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

May 16, 2016 pm 04:45 PM
优化 内存 reduzieren 占用 Kann 浏览器 网页 passieren 降低 页面

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)

Erklärung dieser Website
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

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

AI Hentai Generator

AI Hentai Generator

Erstellen Sie kostenlos Ai Hentai.

Heißer Artikel

R.E.P.O. Energiekristalle erklärten und was sie tun (gelber Kristall)
2 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Beste grafische Einstellungen
2 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. So reparieren Sie Audio, wenn Sie niemanden hören können
2 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌

Heiße Werkzeuge

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Wie kann man Lückeneffekt auf das Karten- und Gutscheinlayout mit Gradientenhintergrund erzielen? Wie kann man Lückeneffekt auf das Karten- und Gutscheinlayout mit Gradientenhintergrund erzielen? Apr 05, 2025 am 07:48 AM

Erkennen Sie den Lückeneffekt des Karten -Gutschein -Layouts. Beim Entwerfen von Karten -Gutschein -Layout begegnen Sie häufig die Notwendigkeit, Lücken zu Karten -Gutscheinen hinzuzufügen, insbesondere wenn der Hintergrund Gradient ist ...

Wie zeige ich die lokal installierte 'Jingnan Mai Round Body' auf der Webseite richtig? Wie zeige ich die lokal installierte 'Jingnan Mai Round Body' auf der Webseite richtig? Apr 05, 2025 pm 10:33 PM

Mit lokal installierten Schriftdateien auf Webseiten kürzlich habe ich eine kostenlose Schriftart aus dem Internet heruntergeladen und sie erfolgreich in mein System installiert. Jetzt...

Wie kann man das Größensymbol durch CSS anpassen und es mit der Hintergrundfarbe einheitlich machen? Wie kann man das Größensymbol durch CSS anpassen und es mit der Hintergrundfarbe einheitlich machen? Apr 05, 2025 pm 02:30 PM

Die Methode zur Anpassung der Größe der Größe der Größe der Größe in CSS ist mit Hintergrundfarben einheitlich. In der täglichen Entwicklung begegnen wir häufig Situationen, in denen wir die Details der Benutzeroberfläche wie Anpassung anpassen müssen ...

Was ist der Grund für die Codierung von Ausnahmen bei der Verwendung der Anforderungsbibliothek, um HTML -Text in node.js zu erhalten? Wie löst ich es? Was ist der Grund für die Codierung von Ausnahmen bei der Verwendung der Anforderungsbibliothek, um HTML -Text in node.js zu erhalten? Wie löst ich es? Apr 05, 2025 am 07:03 AM

Der Grund und die Lösung für die Codierung von Ausnahmen bei der Verwendung der Anforderungsbibliothek, um HTML -Textinhalte in der Umgebung node.js zu erhalten. Während des Entwicklungsprozesses der Verwendung von node.js ist es oft notwendig, ...

Wie erhalten Sie Echtzeit-Anwendungs- und Zuschauerdaten auf der Arbeit von 58.com? Wie erhalten Sie Echtzeit-Anwendungs- und Zuschauerdaten auf der Arbeit von 58.com? Apr 05, 2025 am 08:06 AM

Wie erhalte ich dynamische Daten von 58.com Arbeitsseite beim Kriechen? Wenn Sie eine Arbeitsseite von 58.com mit Crawler -Tools kriechen, können Sie auf diese begegnen ...

Wie verwendet ich CSS und Flexbox, um das reaktionsschnelle Layout von Bildern und Text in verschiedenen Bildschirmgrößen zu implementieren? Wie verwendet ich CSS und Flexbox, um das reaktionsschnelle Layout von Bildern und Text in verschiedenen Bildschirmgrößen zu implementieren? Apr 05, 2025 pm 06:06 PM

Implementieren von Responsive Layouts mit CSS, wenn wir Layoutänderungen unter verschiedenen Bildschirmgrößen im Webdesign, CSS ...

Der Stil bleibt nach Zooms der PC -Seite gleich: Was sind die möglichen Lösungen? Der Stil bleibt nach Zooms der PC -Seite gleich: Was sind die möglichen Lösungen? Apr 05, 2025 am 07:51 AM

Die Herausforderung, den Stil der Seite zu vergrößern und dasselbe, nachdem die Seite eingefleischt wurde. Viele Entwickler stoßen bei der Erstellung von PC -Seiten auf ein schwieriges Problem: Wenn der Benutzer das Browser ein- oder aus dem Surfen zoomt ...

Warum zeigen zwei Inline-Block-Elemente eine Fehlausrichtung? Wie löst ich dieses Problem? Warum zeigen zwei Inline-Block-Elemente eine Fehlausrichtung? Wie löst ich dieses Problem? Apr 05, 2025 pm 08:09 PM

Erörterung der Gründe für die Fehlausrichtung von zwei Inline-Block-Elementen. In der Front-End-Entwicklung stoßen wir häufig auf Elemente-Typen-Probleme, insbesondere bei der Verwendung von Inline-Block ...

See all articles