Reduzieren Sie die Speicher- und CPU-Auslastung durch die Optimierung von Webseiten
|
Manche Webseiten erscheinen möglicherweise nicht groß, lassen sich aber nur sehr langsam öffnen, während andere zwar sehr lange dauern, aber reibungslos zu verwenden sind. Dies wird durch die Speicher- und CPU-Auslastung des Computers des Benutzers beeinflusst. Browserprobleme. Jeder Browser hat seine eigenen Speicherprobleme, die ihn beeinträchtigen können, aber es gibt fast keine Möglichkeit, dies zu kontrollieren. Unter Windows: · Bei der IE-Serie ist die durch Aktualisieren wiederhergestellte Speichermenge nicht groß, durch Minimieren wird jedoch Speicher freigegeben. ·Firefox 2 soll beim Minimieren recyceln, aber ich habe noch nie so viel Müll gesehen. Es nutzt nur so viel wie möglich und recycelt grundsätzlich nicht. Es wird gesagt, dass der Ajax-Prototyp den Speicherbedarf weiter erhöhen wird. Oper ist das Beste. Immer gut unter Kontrolle. Es gibt kein Problem. Der Speicherzuweisungsmechanismus von Linux unterscheidet sich von dem von Windows. Es wird so viel Speicher wie möglich verwendet. Wenn der Browser den gesamten Speicher belegt, kann dies das System zerstören. Seitenproblem: Der Browser verbraucht beim Rendern der Seite Speicher und CPU. Reduzieren Sie dies daher so weit wie möglich. Struktur <br />Verwenden Sie DocType, um dem Browser mitzuteilen, was Sie verwenden. HTML4 hat auch DTD. Vielleicht ist Transitional für Sie besser geeignet. Wenn Sie XHTML verwenden und eine gute Struktur beibehalten, denken Sie daran, die entsprechenden MIME- und XML-Header 1 auszugeben, was die Codeprüfung des Browsers verringern kann. Behalten Sie die Struktur bei und überlassen Sie nicht dem Browser die Vervollständigung des Codes. Um die Dateigröße der Seite zu kontrollieren, können Sie den Code mithilfe des Programms einrücken, um ihn angenehmer lesbar zu machen. Die Größe beträgt ebenfalls 2–3 KB. Iframe generiert eine neue Seite. Tatsächlich gibt es viele Möglichkeiten, Iframe zu ersetzen. Die eingeführten JS und CSS können entsprechend zusammengeführt werden, und das Hintergrundbild kann ebenfalls zusammengeführt werden. Manche Leute führen sogar Flash zusammen. Das Hinzufügen des Breitenattributs zum Inhaltsbild/-objekt mit bekannter Breite und Höhe kann das teilweise erneute Rendern der Seite reduzieren. Leistung <br />In den meisten Fällen ist die Dateigröße der einzige Unterschied zwischen JPGs mit Qualität 99 und 70. Dasselbe gilt für GIF, insbesondere kleine Symbole. Der Unterschied zwischen 256 Farben und 128 Farben ist die Dateigröße. Flash bewegt sich zu schnell und verbraucht viel CPU. Die Anzahl der Bilder pro Sekunde und der Animationseffekt können reduziert werden. Wenn die Qualität auf mittel oder niedrig eingestellt ist, werden viele Ressourcen gespart, aber der Effekt geht auf Kosten. . Manchmal ist es sinnvoller, für das Qualitätsattribut Autolow2 oder Autohigh auszuwählen. Es ist nicht immer notwendig, „low“ oder „best“ auszuwählen. Flash verwendet Vektorgrafiken, um Dateigröße zu sparen, nutzt jedoch die CPU zum Berechnen komplexer Grafiken und Animationen. Zu viele komplexe Filter verbrauchen viel Speicherplatz. Weichzeichnerfilter können diesen Aufwand reduzieren. IE-Filter beanspruchen außerdem viel Speicher und weisen zudem Kompatibilitätsprobleme auf. Die Vollbildtransparenz ist sehr ressourcenintensiv. Ein 2 x 2-Bild hat ungefähr die gleiche Größe wie ein 8 x 8-Bild, aber ein 2 x 2-gekachelter Hintergrund nimmt viel mehr Platz ein. Auch GIF-Animationen beinhalten das Konzept von Frames. Behandeln Sie GIF daher nicht als Flash. Verhalten <br />Importieren Sie nicht den gesamten Prototyp oder jQuery, nur um ein $() zu verwenden, sie können mehr. AJAX ist cool. Für die Verwendung von XML ist jedoch ein XML-Parser erforderlich. Einige empfehlen die Verwendung von JSON, aber hierfür sind Evaluierungsdaten erforderlich. Tatsächlich können Sie das Skript, das bereits ein Objekt ist, direkt importieren. Sie müssen nur einen zusätzlichen Objektnamen übergeben oder den Objektnamen fest codieren oder ihn direkt als Funktion verwenden, wie es Flickr tut, jsonFlickrApi({"xxx":"xxx"}), haha. Verwenden Sie „display:none“ nicht, wenn „visibility:hidden“ bestimmte Effekte lösen kann. Es macht nicht viel Sinn, hier zu betonen, dass bei JS-Variablen auf globale und lokale Variablen usw. geachtet werden sollte. Die Komplexität von JS kann nicht in nur ein oder zwei Sätzen erklärt werden. Achten wir auf Yueyings neues Buch, das veröffentlicht wird. Tatsächlich ähneln viele der hier aufgeführten Inhalte dem Thema „Wie man schnell seine Webseiten präsentiert“, aber dieser Artikel konzentriert sich auf die Verarbeitung des Servers. In vielen Fällen führt die Einsparung von Serverressourcen jedoch auch zu einer Einsparung von Clientressourcen. (Jeder ist herzlich eingeladen, weitere hinzuzufügen) |
<<: Zusammenfassung häufig verwendeter SQL-Anweisungen zum Erstellen von MySQL-Tabellen
>>: JS implementiert einen einfachen Zähler
Artikel empfehlen
Untersuchung des Wertes des Positionsattributs in CSS (Zusammenfassung)
Das CSS-Positionsattribut gibt den Positionierung...
Zusammenfassung einiger meiner häufig verwendeten Linux-Befehle
Ich habe zwei Jahre lang im Betrieb und in der Wa...
MySQL-Cursorfunktionen und -Verwendung
Inhaltsverzeichnis Definition Die Rolle des Curso...
Eine kurze Erläuterung der Syntax der VUE-Uni-App-Vorlage
1.v-bind (Abkürzung:) Um in Daten definierte Date...
So zeigen Sie kleine Symbole in der Browsertitelleiste einer HTML-Webseite an
Genau wie dieser Effekt ist auch die Methode sehr...
Grafisches Tutorial zur Installation und Konfiguration von mysql 8.0.18.zip (Windows 64 Bit)
Informationen zum Deinstallieren der zuvor instal...
Detaillierte Erläuterung des Excel-Parsings und -Exports basierend auf Vue
Inhaltsverzeichnis Vorwort Grundlegende Einführun...
Zusammenfassung der Entwicklung benutzerdefinierter Vue 3-Richtlinien
Was ist eine Richtlinie? Sowohl Angular als auch ...
Vue verwendet v-model, um den gesamten Prozess der El-Paginierungskomponenten zu kapseln
Verwenden Sie v-model, um das Paging-Informations...
Implementierung des Tomcat-Bereitstellungsprojekts und Integration mit IDEA
Inhaltsverzeichnis 3 Möglichkeiten zum Bereitstel...
Detaillierte Erläuterung zur Verwendung von Docker zum Bereitstellen der Django + MySQL8-Entwicklungsumgebung
Ich habe das System vor einiger Zeit neu installi...
Beispielcode für die Verwendung von CSS cross-fade() zum Erzielen eines halbtransparenten Hintergrundbildeffekts
1. Anforderungsbeschreibung Bei einem bestimmten ...
MySQL-Datenbanktabelle und Datenbankpartitionierungsstrategie
Lassen Sie uns zunächst darüber sprechen, warum w...
Lösung für falsche Zeichenfolgenwerte in MySQL
Viele Freunde berichten von folgendem Fehler, wen...
Beispielcode zur Implementierung einer einfachen Suchmaschine mit MySQL
Inhaltsverzeichnis Vorwort Einführung Ngram-Vollt...