Erfahrung im Selbststudium von CSS-Optimierungsfähigkeiten
|
1. Verwenden Sie CSS-Sprites. Der Vorteil besteht darin, dass die in CSS verwendeten kleinen Bilder zu einem großen Bild zusammengeführt werden können, was die Anfragen an den Server reduziert, den Serverdruck verringert und das Laden der Seite beschleunigt. 2. Mehrere CSS-Dateien zu einer einzigen CSS-Datei zusammenführen. Dieselben Vorteile wie CSS-Sprites 3. Verwenden Sie externes CSS. Externes CSS kann von Browsern zwischengespeichert werden und ist einfach zu pflegen. 4. Fügen Sie das CSS in den Kopf ein. Sie können sich auf das Dokument von Yahoo beziehen: http://developer.yahoo.com/performance/rules.html#css_top 5. Link statt Import verwenden Die Verwendung des Imports verlangsamt das Laden der Seite. Darüber hinaus kann die Ladereihenfolge im Internet Explorer von den Erwartungen abweichen, was direkt zu Anzeigeproblemen führt. 6. Verwenden Sie CSS-Abkürzungen. Verwenden Sie beispielsweise „margin“ statt „margin-top“. 7. Kombinieren Sie ähnliche Stile, um Wiederholungen zu vermeiden. 8. Reduzieren Sie Zeilenumbrüche. 9. Löschen Sie das letzte Semikolon. 10. Verwenden Sie einzeilige Kommentare. 11. RGB-Farbabkürzung. 12. Entfernen Sie unnötige Einheiten wie z. B. px. 13. Löschen Sie nicht verwendete Stile. Dadurch kann die Dateigröße verringert und die zum Parsen und Abgleichen des Browsers benötigte Zeit verkürzt werden. 14. Komprimieren Sie CSS-Dateien. Alle oben genannten Punkte sind sehr einfach und müssen nicht im Detail erklärt werden. Natürlich verfügen einige CSS-Komprimierungstools über Optimierungsfunktionen. |
<<: Detaillierte Erläuterung der CSS-Randüberlappung und Lösungssuche
Artikel empfehlen
Einige Datenverarbeitungsmethoden, die häufig in JS verwendet werden können
Inhaltsverzeichnis DOM-Verarbeitung Arrays Verfah...
Beispiel für eine erzwungene Konvertierungsmethode für MySQL-Zeichenfolgen
Vorwort Da die Typen derselben Felder in den beid...
Durch Kombinieren von Einfügen und Auswählen wird die Methode „Einfügen des Maximalwerts eines Felds in der Datenbank + 1“ implementiert.
Dieser Artikel ist MySQL-Datenbank Frage 1 Import...
Lösung zur Schnittstellenverformung beim Einstellen der Frameset-Höhe
Derzeit habe ich ein Projekt erstellt, die Schnitt...
Tutorial zur Installation und Konfiguration der Version MySQL 5.7.23
Ich habe drei Stunden gebraucht, um MySQL selbst ...
Allgemeine Shell-Skriptbefehle und zugehöriges Wissen unter Linux
Inhaltsverzeichnis 1. Einige Punkte, die Sie beac...
Beispiel für die Methode „Mysql implementiert Nullwerte zuerst/letzten“
Vorwort Wir wissen bereits, dass MySQL den SQL-Be...
Detaillierte Schritte zur Installation von Python 3.7 auf CentOS 6.5
1. Python 3 herunterladen wget https://www.python...
Detaillierte Erklärung der grundlegenden Verwendung des Linux-Debuggers GDB
Inhaltsverzeichnis 1. Übersicht 2. GDB-Debugging ...
Bei verschachtelten MySQL-Transaktionen aufgetretene Probleme
MySQL unterstützt verschachtelte Transaktionen, a...
Allgemeine Parameter für Popup-Fenster von IE-Webseiten können Sie selbst festlegen
Das Popup hat nichts damit zu tun, ob Ihr aktuelle...
Vue implementiert den Operationscode zum Klicken auf eine Schaltfläche zum Herunterladen einer Datei (Backend-Java).
Im vorherigen Artikel habe ich die Funktion von V...
Beispiel für eine Domänennamenüberprüfungsmethode für Betrieb und Wartung von Nginx
Beim Konfigurieren des Domänennamens der Schnitts...
vue $set implementiert die Zuweisung von Werten zu Array-Sammlungsobjekten
Vue $set Array-Sammlungsobjektzuweisung In der be...
React tsx generiert einen zufälligen Bestätigungscode
React tsx generiert einen zufälligen Bestätigungs...