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
Tutorial zur Änderung des Root-Passworts in MySQL 5.6
1. Nach der Installation von MySQL 5.6 kann es ni...
Verwenden Sie xshell, um eine Verbindung zum Linux-Server herzustellen
Vorteile der Verwendung von xshell zur Verbindung...
Einführung in verschiedene Möglichkeiten zur Einführung von CSS in HTML
Inhaltsverzeichnis 1. CSS-Stile direkt in HTML-Ta...
Die entsprechenden Attribute und Verwendung von XHTML-Tags in CSS
Als ich anfing, Webseiten mit XHTML CSS zu entwer...
MySQL-Transaktionskontrollfluss und ACID-Eigenschaften
Inhaltsverzeichnis 1. ACID-Eigenschaften Syntax d...
MySQL 8.0 Upgrade-Erfahrung
Inhaltsverzeichnis Vorwort 1. Deinstallieren Sie ...
JavaScript implementiert die asynchrone Übermittlung von Formulardaten
In diesem Artikelbeispiel wird der spezifische Ja...
Einführung in berechnete Eigenschaften in Vue
Inhaltsverzeichnis 1. Was ist eine berechnete Eig...
Neue Funktionen in MySQL 8.0 - Einführung in Check Constraints
Inhaltsverzeichnis Vorwort Einschränkungen prüfen...
Stellen Sie das Vue-Projekt auf einem Linux-Server bereit
Fall 1 vue-cli erstellt das vue3-Projekt, lädt da...
Natives JS zur Realisierung eines springenden Balls
Aus einer Laune heraus habe ich eine Fallstudie ü...
Detaillierter Installationsprozess der MySQL 8.0 Windows-ZIP-Paketversion
Der Installationsprozess von MySQL 8.0 Windows Zi...
Remotedesktopverbindung zwischen Windows und Linux
Wenn es um eine Remotedesktopverbindung zu Linux ...
MySQL-Abfrageoptimierung mit benutzerdefinierten Variablen
Inhaltsverzeichnis Optimieren von Sortierabfragen...
WeChat-Applet zum Speichern von Alben und Bildern in Alben
Ich entwickle derzeit eine Video- und Tool-App, ä...