Online-Dienste zu komprimieren und CSS-Code zu optimieren [UPDATE]

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

  • Erweiterung .css
  • MIME-Typ text / css
  • Entwickler World Wide Web Consortium
  • Veröffentlicht 17. Dezember 1996
  • Format Typ Sprache Stil
  • Webseite w3.org/Style/CSS

CSS (Cascading Style Sheets Englisch -. Cascading Style Sheets) - eine formale Sprache zur Beschreibung des Aussehens eines Dokuments mit der Markup - Sprache geschrieben. Meist verwendet als Mittel der Beschreibung, das Erscheinungsbild der Web-Seiten in HTML und XHTML Markup-Sprachen, sondern auch auf eine der XML-Dokumente, wie SVG oder XUL angewendet werden kann.

Einer der wichtigsten Faktoren bei der Entwicklung einer Website ist eine Testseite Geschwindigkeit. Laden Sie die Seite, die Sie so schnell wie möglich müssen, vor allem im Falle von großen Websites mit vielen CSS-Code, die schneller Lasterhöhung Bedienbarkeit und Benutzerzufriedenheit bedeutet.

Werkzeuge für CSS Kompression verbessert die Ladezeit durch die Kommentare aus dem Code zu entfernen, einschließlich jeder Befehl in einer Zeile, "white space" zu entfernen - Leerzeichen und Zeilenumbrüche.

Denken Sie daran, wenn Sie wirklich die Produktivität der Web-Site, nach der Entwicklungsphase wollen zu erhöhen, können Sie sogar noch weiter gehen und GZIP-Komprimierung und Caching Ihrer Dateien. Aber wir werden dies im nächsten Artikel diskutieren!

Versuchen Sie eine dieser Online-Dienste, die CSS-Dateien zu optimieren (einige von ihnen bieten auch Kompression und JavaScript), und sehen, wie sie die Antwortzeit der Website und Bandbreite sparen beschleunigen kann.

1. Cssdrive.com

Online-Dienste zu komprimieren und CSS-Code zu optimieren

Cssdrive.com der Kompressor die CSS - arbeitet in zwei Modi: Normal und Fortgeschrittene. Sie können aus drei Komprimierungsstufen wählen. Modus "Normal" sollte gut funktionieren in den meisten Fällen zwischen ihnen die optimale Balance zu schaffen.

2. Cleancss.com

Online-Dienste zu komprimieren und CSS-Code zu optimieren

Cleancss.com - die CSS - Formatierung, und auf der Grundlage von csstidy Optimizer ist in Englisch, Deutsch und Französisch verfügbar.

3. CSS Compressor

Online-Dienste zu komprimieren und CSS-Code zu optimieren

Der Kompressor der CSS - - Sie können die Komprimierungsstufe von 4 wählen.

4. CSS Optimizer

Online-Dienste zu komprimieren und CSS-Code zu optimieren

Optimizer ist CSS - CSS - Optimierung durch die URL CSS-Datei angibt , indem Sie die Datei aus dem lokalen Computer heruntergeladen werden oder direkt mit dem CSS - Code in Form eingeben.

5. Codebeautifier.com

Online-Dienste zu komprimieren und CSS-Code zu optimieren

Codebeautifier.com - die CSS basiert auf dem Compressor CSSTidy

6. Askapache.com

Online-Dienste zu komprimieren und CSS-Code zu optimieren

askapache.com - der Dienst nutzt die JavaScript - Port des YUI Compressor, und ein Teil des W3 CSS Validator. Sie können die CSS-Datei herunterzuladen, geben Sie die URL CSS-Datei, oder einfach den CSS-Code in Form einfügen.

7. Iceyboard.no-ip.org

Online-Dienste zu komprimieren und CSS-Code zu optimieren

iceyboard.no-ip.org CSS , um die Kompressor - Sie können eine Datei, geben Sie die URL CSS-Datei oder fügen Sie den CSS - Code laden. Gute Komprimierungsoptionen.

8. Ebiene.de

Online-Dienste zu komprimieren und CSS-Code zu optimieren

Ebiene.de - Service für Dateien JavaScript und CSS komprimieren. Sie können zwischen dem Grund Kompression und starke wählen.

9. Pagecolumn.com

Online-Dienste zu komprimieren und CSS-Code zu optimieren

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

10. Pingates.com

Online-Dienste zu komprimieren und CSS-Code zu optimieren

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

11. Lotterypost.com

Online-Dienste zu komprimieren und CSS-Code zu optimieren

Lotterypost.com CSS Compressor - ". Shrink" Sie müssen nur den CSS - Code ein und klicken Sie auf

12. Peterbe.com

Online-Dienste zu komprimieren und CSS-Code zu optimieren

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

13. Refresh-sf.com

Online-Dienste zu komprimieren und CSS-Code zu optimieren

Refresh-sf.com - Werkzeuge für JavaScript / CSS - Komprimierung. Mit YUI Compressor. Fügen Sie einfach den Code in das Textfeld ein, oder wählen Sie eine Datei hochladen. Wählen Sie dann die Art der Komprimierung, JS oder CSS.

14. Sevenforty.com

Online-Dienste zu komprimieren und CSS-Code zu optimieren

Sevenforty.com die CSS die Compressor - basierend auf Java YUI Compressor. Laden Sie einfach die CSS-Datei, die Sie reduzieren wollen, und Sie eine komprimierte CSS-Datei in einem ZIP-Archiv.

15. Phpinsider.com

Online-Dienste zu komprimieren und CSS-Code zu optimieren

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

16. Devtrench.com

Devtrench.com -CSS der Kompressor basiert CSSTidy

17. Cssportal.com

Cssportal.com - die CSS basiert auf dem Compressor CSSTidy

18. Mabblog.com

Mabblog.com - Geben Sie die CSS - Datei URL oder CSS - Code einzufügen, keine Komprimierungsoptionen.

19. Creativyst.com

Creativyst.com - die CSS und Kompressor JavaScript.

20. Generateit.net

Generateit.net - die CSS basiert auf dem Compressor CSSTidy

21. Arrantius.com

Arrantius.com CSS , um die Kompressor - in JavaScript geschrieben, so gibt es keine Übertragung von CSS an einen unbekannten Server. Er nimmt Kommentare und Leerzeichen in der CSS-Datei, nicht mehr.

22. Artiss.co.uk

Artiss.co.uk - die Download - Dateien, die Möglichkeit , Kommentare zu löschen oder nicht.

23. Homepage-Performance.de

Homepage-Performance.de - Optionen: Entfernen Sie die Räume, die letzte Semikolon, Farben ändern, usw. Sie können nur den CSS-Code in das Eingabefeld ein.

24. Isnoop.net

Isnoop.net - Optionen: Entfernen Lücken, 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 der Kompression als Prozentsatz der ursprünglichen Dateigröße und Ausgabe.

Wenn Sie noch einen Online-Dienst für CSS-Optimierung wissen, die nicht in diesem Artikel ist, melden Sie es in den Kommentaren.