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
Detaillierte Schritte zur Installation, Konfiguration und Deinstallation von QT5 in Ubuntu 14.04
1. Ich habe vorher die Version QT5.13 heruntergel...
Eine kurze Diskussion über den Unterschied zwischen MySQL-Primärschlüsselindex und Nicht-Primärschlüsselindex
Inhaltsverzeichnis Was ist ein Index Der Untersch...
Eine kurze Diskussion über einige Vorteile von Vue3
Inhaltsverzeichnis 1. Quellcode 1.1 Monorepo 1.2 ...
Was ist COLLATE in MYSQL?
Vorwort Führen Sie den Befehl show create table &...
Tutorial zum Verbinden und Verwenden von MySQL 8.0 im Maven-Projekt von IDEA
Schauen wir uns zunächst meine grundlegende Entwi...
Detaillierte Erklärung der Rolle des neuen Operators in Js
Vorwort Js ist heutzutage die am häufigsten verwe...
Grafisches Tutorial zur Installation und Konfiguration von Mysql WorkBench
In diesem Artikel erfahren Sie mehr über die Inst...
Der Browser der Betaversion IE9 unterstützt HTML5/CSS3
Manche Leute sagen, dass IE9 die zweite Revolutio...
Detaillierte Erklärung zur Verwendung von HTML-Einbettungs-Tags und -Attributen
1. Grundlegende Grammatik Code kopieren Der Code ...
Verwenden Sie CSS, um ein Datei-Upload-Muster zu zeichnen
Wenn Sie es wären, wie würden Sie es erreichen, w...
DNS-Konfigurationsmethode für den Linux Domain Name Service
Was ist DNS Der vollständige Name von DNS lautet ...
So verwenden Sie Docker zum Erstellen benutzerdefinierter Images auf Unternehmensebene
Vorwort Vor Feierabend erhielt der Autor eine Anf...
Erstellen von Befehlszeilen-Anwendungen mit JavaScript
Inhaltsverzeichnis 1. Knoten installieren 2. Inst...
Ausführliche Erläuterung der Standortpriorität von Nginx
Standortausdruckstyp ~ bedeutet, dass ein regulär...
MySQL SHOW PROCESSLIST unterstützt den gesamten Prozess der Fehlerbehebung
1. SHOW PROCESSLIST-Befehl SHOW PROCESSLIST zeigt...