Minifying und Obsfucating CSS Javascript ähnlich
Ich weiß, gibt es mehrere Werkzeuge gibt, die in der Lage sind, Verschleierung von JavaScript-Dateien, wie durch das drehen eines einfachen Funktionen wie:
function testing()
{
var testing;
var testing2;
alert(testing+testing2);
}
in
function a(var a,b;alert(a+b);)
Meine Frage ist, ob so etwas wie dieses vorhanden für die Verwendung mit CSS/HTML - (oder gibt es ein tool, dass hat eine ähnliche Wirkung)? Insbesondere eine Verkleinerung/obfuscation tool, dass tatsächlich benennt Variablen und refereneces und vermeidet zusätzliche white-space etc.
- Und wenn ja - würde die Vorteile in Leistung überwiegen die Lesbarkeit in beiden CSS - /HTML - /JavaScript-minifizierung/Verschleierung?
- Sicherlich, wenn du etwas verkleinern, werfen Sie die Lesbarkeit aus dem Fenster dompletely!
- Ich bin damit einverstanden - ich Frage mich nur, ob die Vorteile der Vernebelung Wert erhöht (wenn überhaupt) in der Leistung.
- Ich denke, der einzige Vorteil ist, dass die Datei kleiner ist, so dass Ihre Bandbreite zu sparen, wenn Sie drängen, dass sich Tausende von user-agents ein Tag.
- Was ist der Punkt bei der Verschleierung von CSS und HTML? Die Klassen haben zu entsprechen. Alles, was Sie verlieren, ist die semantische, und es ist noch Recht einfach zu "stehlen", was du willst... komm... sogar mit Verschleierung, firebug und andere sind noch in der Lage zu zeigen, die CSS-Datei mit point-und-Klick!
Du musst angemeldet sein, um einen Kommentar abzugeben.
Es ist sehr schwierig zu 'verkleinern' HTML-oder CSS, weil alle, die können sicher gespeichert werden Leerzeichen (die nicht zu einem riesigen speichern). Wie für die Klasse umbenennen, verlieren Sie einen wichtigen Teil des web, die mit semantischen code (der steht, was es bedeutet). Ich denke, die beste option ist, um sicherzustellen, dass Sie die gzip-Komprimierung aktiviert auf Ihrem web-server und konzentrieren sich auf die Kombination Ihres Vermögens in eine einzelne Datei, wo immer möglich.
id
s und das CSS-style-Regeln. Da link hat zu sein, da ist es egal, wie viel Sie, oder 'Sie',' verschleiern class-Namen. Es könnte machen es schwieriger, aber sicherlich nichts, wie so trickreich wie JS oder PHP (unter vielen anderen), Verschleierung.HTML-Muncher ist ein python-tool, das versucht, die Umbenennung von IDs und CSS-Klassen-Namen über HTML, javascript und CSS-Dateien. Sie können es als einen ersten Schritt in der Optimierung, vor der Weitergabe der Dateien an andere tools, wie Google Closure Compiler oder YUI CSS Compressor.
Den YUI-Kompressor minimiert CSS, aber ich bin mir nicht sicher, wie groß ein Sieg könnte es sein, über eine einfache gzip-Komprimierung. Wenn Sie haben, dass viel CSS, könnte es ein Warnzeichen für größere Probleme.
Werfen Sie einen Blick auf diese: minifycss
Als für Verschleierung ich bin nicht sicher, ob dies so eine gute Idee.
Die css-Klassen manipuliert werden können, überall. Die minute, die Sie ändern Sie die css-verlieren Sie den link, um die Klassen/ids etc...
Wenn Sie Ruby, hier ist ein Ruby CSS Minifier, dass ich verwenden, um gute Wirkung. Da ich bereits knappe Stil, es gibt mir etwa 15% Rabatt in meinem Datei-Größen.
Beispielsweise auf ein Projekt, das Aggregat der 5 Dateien auf 32.3 kiB wird 1 Datei mit 26,4 kB (18%). Auf einem anderen Projekt, 2 Dateien von 21,6 kiB 1 werden die Datei von 19,0 kiB (12%).
Werfen Sie einen Blick auf html5boilerplate.com; speziell die neuesten source-code auf GitHub.
HTML5Boilerplate das build-Skript kann verkleinern JavaScript, CSS und HTML für Sie. Es nicht benennen Sie Ihre CSS-Selektoren, aber es ist wahrscheinlich die am nächsten zu einem automatisierten "obfuscator", finden Sie.
Wenn Sie gerade auf der Suche zu eek heraus einige zusätzliche bytes von jeder Seite, stellen Sie sicher, dass Sie mit gzip/deflate Kompression und DANN versuchen alphabetischer Anordnung Ihrer CSS-Selektor die Eigenschaften und das HTML-element die Attribute und Ihre Werte.
Lesen Sie diese für Google ist, detaillierte Empfehlungen über die oben genannte Methode.
In einigen dynamischen Sprachen mit HTML-Helfer (wie asp.net/C#) Sie können diese html-Steuerelements "ClientID" - Methode, um eine zufällige Zeichenfolge sein und dynamisch zu verknüpfen, die Ihren CSS-Selektoren, um Ihre HTML (gut, die server-side controls, die HTML Rendern). Aber das wäre eine andere Frage ganz und ist wahrscheinlich nicht das, was Sie suchen, in zu erhalten. Es würde sich auch ein Wartungs-Albtraum.
Gibt es viele online-tools, die Sie verwenden können, für Dinge wie css-Verkleinerung. Hier ist ein online-css-minifier! Die ich gefunden habe.
Als eine Umbenennung von css-Klassen, ich würde versuchen Sie und vermeiden Sie, dass Sie verlieren eine Menge von der Lesbarkeit aus Ihrem html.
Mir entwickelte tool zur Verschleierung von CSS. Es ist das Ziel, nicht zu machen, stylesheets schneller laden oder was auch immer, aber, um Ihren "Mehrweg" Arbeit sicher vor Diebstahl. Es verfügt über mehrere Methoden, wie man eine Hölle, ein original-CSS-Quelle (Aber es ist noch in Entwicklung und bessere Methoden verwendet werden). Ich würde empfehlen es zu HTML/CSS-Vorlagen-Verkäufer, die bieten live-demos und besorgt sind, von Diebstählen, und auch für Programmierer - Freiberufler, wer will, um Ihre Arbeit (untrusty) Kunden. Sie können es versuchen: http://cssobfuscator.com