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
Durchführung der lokalen Migration von Docker-Images
Ich habe vor Kurzem Docker gelernt und stoße dabe...
Detaillierte Erklärung und Zusammenfassung der URL zur Datenbankverbindung
Detaillierte Erklärung und Zusammenfassung der UR...
Analyse des Implementierungsprozesses der Nginx-Hochverfügbarkeitslösung in der Produktionsumgebung
Vorbereitung: 192.168.16.128 192.168.16.129 Zwei ...
Ein Beispiel für die Verwendung eines Lvs+Nginx-Clusters zum Erstellen einer Architektur mit hoher Parallelität
Inhaltsverzeichnis 1. Lvs-Einführung 2. Lvs-Lasta...
Detaillierte Erläuterung der Linux-Dateiberechtigungen und Befehle zur Gruppenänderung
Unter Linux ist alles eine Datei (Verzeichnisse s...
Detaillierte Analyse, warum MySQL die Verwendung von UUID oder Snowflake-ID als Primärschlüssel nicht empfiehlt
Vorwort: Beim Entwerfen einer Tabelle in MySQL em...
Detaillierte Erläuterung der zugrunde liegenden Implementierung des absteigenden Index, einer neuen Funktion von MySQL 8
Was ist ein absteigender Index? Sie kennen sich v...
MySQL implementiert die kontinuierliche Anmeldefunktion und startet nach einem Tag der Anmeldung von vorne (SQL-Anweisung).
1. Erstellen Sie eine Testtabelle CREATE TABLE `t...
W3C Tutorial (8): W3C XML Schema Aktivitäten
XML Schema ist eine XML-basierte Alternative zu D...
Detaillierte Erklärung der Destrukturierungszuweisungssyntax in Javascript
Vorwort Die erstmals in ES6 eingeführte „Destruct...
Implementieren eines Tabellen-Scrollkarusselleffekts durch CSS-Animation
Eine Anwendung einer CSS-Animation mit demselben ...
So beheben Sie den MySQL-Fehler 1033. Falsche Informationen in der Datei: „xxx.frm“
Problembeschreibung 1. Datenbank der Sammelstelle...
So legen Sie eine feste IP-Adresse für eine virtuelle VMware-Maschine fest (grafisches Tutorial)
1. Wählen Sie in der Menüleiste „Bearbeiten“ → „V...
15 wichtige Variablen, die Sie zur MySQL-Leistungsoptimierung kennen müssen (Zusammenfassung)
Vorwort: MYSQL dürfte die beliebteste WEB-Backend...
Grafisches Tutorial zur Installation und Konfiguration von MySQL 8.0.13
In diesem Artikel finden Sie das Installations- u...