This page has been robot translated, sorry for typos if any. Original content here.

Online-Dienste zum Komprimieren und Optimieren von CSS-Code [UPDATE]

Онлайн-сервисы для сжатия и оптимизации CSS кода
w3.org

  • Erweiterung .css
  • MIME-Typ Text / CSS
  • Entwickler des World Wide Web Consortiums
  • Veröffentlicht am 17. Dezember 1996
  • Formatierungsstile
  • Webseite w3.org/Style/CSS

CSS (Englisch Cascading Style Sheets) ist eine formale Sprache zum Beschreiben der Darstellung eines Dokuments, das mit einer Auszeichnungssprache geschrieben wurde. Es wird hauptsächlich verwendet, um das Erscheinungsbild von Webseiten zu beschreiben, die mit den Markup-Sprachen HTML und XHTML geschrieben wurden, kann aber auch auf beliebige XML-Dokumente angewendet werden, zum Beispiel auf SVG oder XUL.

Einer der wichtigsten Faktoren bei der Entwicklung einer Website ist der Website-Geschwindigkeitstest. Laden Sie die Seite so schnell wie möglich herunter, insbesondere bei großen Websites mit viel CSS-Code, bei denen schnellere Downloads eine bessere Benutzerfreundlichkeit und Benutzerzufriedenheit bedeuten.

CSS-Komprimierungstools verbessern die Download-Zeit, indem sie Kommentare aus dem Code entfernen, die jeden Befehl in einer Zeile enthalten, wodurch "Leerraum" - Leerzeichen und Zeilenumbrüche entfernt werden.

Denken Sie daran, wenn Sie die Leistung Ihrer Website nach der Entwicklung wirklich steigern möchten, müssen Sie noch weiter gehen und die GZIP-Komprimierung verwenden und Ihre Dateien zwischenspeichern. Aber darüber reden wir im nächsten Artikel!

Versuchen Sie, einen dieser Online-Dienste zu verwenden, um CSS-Dateien zu optimieren (einige bieten auch eine JavaScript-Komprimierung), und sehen Sie, wie sie die Reaktionszeit der Website beschleunigen und Bandbreite einsparen können.

1. Cssdrive.com

Online-Dienste zum Komprimieren und Optimieren von CSS-Code

Cssdrive.com CSS Compressor - funktioniert in 2 Modi: normal und fortgeschritten. Sie können eine von drei Komprimierungsstufen auswählen. Der "Normal" -Modus sollte in den meisten Fällen gut funktionieren und ein optimales Gleichgewicht zwischen ihnen schaffen.

2. CleanCss.com

Online-Dienste zum Komprimieren und Optimieren von CSS-Code

Cleancss.com - CSS Formatierung und Optimierer basierend auf csstatid ist in Englisch, Deutsch und Französisch verfügbar.

3. CSS-Kompressor

Online-Dienste zum Komprimieren und Optimieren von CSS-Code

CSS Compressor - Sie können 4 Komprimierungsstufen auswählen.

4. CSS-Optimierer

Online-Dienste zum Komprimieren und Optimieren von CSS-Code

CSS Optimizer - Optimierung von CSS durch Angabe der URL der CSS-Datei durch Herunterladen der Datei vom lokalen Computer oder durch direkte Eingabe des CSS-Codes in das Formular.

5. Codebeautifier.com

Online-Dienste zum Komprimieren und Optimieren von CSS-Code

Codebeauberer.com - CSS Compressor basiert auf CSSTidy

6. Askapache.com

Online-Dienste zum Komprimieren und Optimieren von CSS-Code

askapache.com - Dieser Dienst verwendet einen Teil des JavaScript-Ports vom YUI Compressor und einen Teil des W3 CSS Validators. Sie können eine CSS-Datei laden, die URL der CSS-Datei angeben oder einfach den CSS-Code in das Formular einfügen.

7. Eisbahn.no-ip.org

Online-Dienste zum Komprimieren und Optimieren von CSS-Code

iceyboard.no-ip.org CSS Compressor - Sie können eine Datei hochladen, die URL einer CSS-Datei angeben oder einen CSS-Code einfügen. Gute Komprimierungsoptionen.

8. Ebiene.de

Online-Dienste zum Komprimieren und Optimieren von CSS-Code

Ebiene.de ist ein Service zum Komprimieren von JavaScript- und CSS-Dateien. Sie können zwischen einfacher und starker Komprimierung wählen.

9. Seitecolumn.com

Online-Dienste zum Komprimieren und Optimieren von CSS-Code

Pagecolumn.com - Komprimierung CSS, die Fähigkeit, nicht verwendete Klassen und IDs in CSS zu finden und zu entfernen (optional).

10. Pingates.com

Online-Dienste zum Komprimieren und Optimieren von CSS-Code

Pingates.com - Sie können die URL der CSS-Datei angeben oder den CSS-Code einfügen.

11. Lotterpost.com

Online-Dienste zum Komprimieren und Optimieren von CSS-Code

Lotterypost.com CSS-Kompressor - Sie müssen nur den CSS-Code einfügen und klicken Sie auf die Schaltfläche "Compress".

12. Peterbe.com

Online-Dienste zum Komprimieren und Optimieren von CSS-Code

Peterbe.com - XHTML, HTML und CSS Kompressor. Ohne irgendwelche Optionen.

13. Aktualisieren-sf.com

Online-Dienste zum Komprimieren und Optimieren von CSS-Code

Refresh-sf.com - Service für JavaScript / CSS-Komprimierung. Verwendet den YUI-Kompressor. Fügen Sie den Code einfach in das Textfeld ein oder wählen Sie die Datei zum Hochladen aus. Wählen Sie dann den Komprimierungstyp, JS oder CSS.

14. Sevenforty.com

Online-Dienste zum Komprimieren und Optimieren von CSS-Code

Sevenforty.com CSS Compressor - basiert auf Java YUI Compressor. Laden Sie einfach die CSS-Datei, die Sie reduzieren möchten, und Sie erhalten eine komprimierte CSS-Datei im ZIP-Archiv.

15. Phpinsider.com

Online-Dienste zum Komprimieren und Optimieren von CSS-Code

Phpinsider.com - benutzt die Monte Ohrt Methode, keine Kompressionsoptionen, einfach den CSS Code einfügen und das Ergebnis nehmen.

16. Devtrench.com

Devtrench.com - CSS Compressor basiert auf CSSTidy

17. Csportal.com

Csportal.com - CSS Compressor basiert auf CSSTidy

18. Mabblog.com

Mabblog.com - Geben Sie die URL der CSS-Datei an oder fügen Sie den CSS-Code ein. Es gibt keine Komprimierungsoptionen.

19. Creativyst.com

Creativyst.com - CSS und JavaScript-Komprimierung.

20. Generateit.net

Generatit.net - CSS Compressor basiert auf CSSTidy

21. Arrantius.com

Arrantius.com CSS Compressor - in JavaScript geschrieben, so dass es keine Übertragung von CSS auf einen unbekannten Server gibt. Es entfernt die Kommentare und Leerzeichen in der CSS-Datei, nichts mehr.

22. Artiss.de

Artiss.de - nur Dateien herunterladen, die Möglichkeit, Kommentare zu löschen oder nicht.

23. Homepage-Performance.de

Homepage-Performance.de - Optionen: Leerzeichen löschen, letztes Semikolon, Farben ersetzen usw. Sie können den CSS-Code nur in das Eingabefeld einfügen.

24. Isnoop.net

Isnoop.net - Optionen: Entferne Leerzeichen, Einzüge und eine neue Zeile vor der öffnenden Klammer.

Abschließend

Haben Sie keine Angst, mit diesen Diensten zu experimentieren. Die meisten von ihnen zeigen das Ergebnis als Prozentsatz der Komprimierung von der ursprünglichen und der Dateigröße auf der Ausgabe.

Wenn Sie andere Online-CSS-Optimierungsdienste kennen, die nicht in diesem Artikel enthalten sind, melden Sie dies bitte in den Kommentaren.