Ich arbeite auf Demandware-Plattform. Ich bekomme zu viele Leerzeichen im Quellcode (HTML). Ich habe keine Ahnung, wie kann ich es optimieren, bitte helfen Sie mir.Wie entfernt man Leerzeichen in HTML-Quelltext in Demandware?
Vielen Dank im Voraus
Ich gehe davon aus, dass Sie verwenden, um ihre Demandware Commerce oder ein anderes ihrer Dienstleistungen. Da sie alle Back-End-Code für ihre eCommerce-Sites bieten, ist es extrem unwahrscheinlich, dass Sie in der Lage sein werden, ihre "Whitespace" abzuschwächen. Wenn Sie die Quelle auf ihrer eigenen Homepage anzeigen, sehen Sie auch eine Menge zusätzlicher 'Whitespaces'. Dies ist nur ein Produkt ihres Content-Management-Systems.
Sind Sie nur besorgt über den zusätzlichen Overhead (Dateigröße) der Seiten oder haben Sie ein anderes Problem?
Ihre Haupt Seite nutzt ihre Plattform teilen und als @Ed Gonzalez die Möglichkeit erwähnt zu ‚kompakten‘ weißen Raum bedeutet nur Leerzeichen und Tabulatoren nicht zusätzliche Zeilenumbrüche. – sholsinger
Wir haben eine begrenzte Kontrolle über das Endergebnis, aber es gibt das iscontent Tag, das ein Attribut kompakt hat.
<iscontent type="text/html" compact="true" />
Hinweis, es wird nicht auf enthaltene Vorlagen gefiltert. Jede enthaltene Vorlage benötigt ihr eigenes iscontent Tag, um Leerzeichen zu komprimieren. Demandware gibt an, dass compact möglicherweise das Layout von Tags durchbrechen würde, also seien Sie vorsichtig.
Ich glaube nicht, dass es viel komprimiert und ich bin mir ziemlich sicher, dass es keine Zeilen kombiniert und die Zeichen im Code intakt bleiben. –
es Doenst entfernen Leerraum es nur Zeilen kombinieren, durch die Einrückung im Code gegeben. – webCoder
Beachten Sie, dass, da diese Parameter Standardwerte sind, Sie sogar
Hängt davon ab, was Sie mit 'optimieren' meinen. Wenn Sie die Download-Größe einfach reduzieren möchten, empfiehlt es sich, die Gzip-Komprimierung auf dem Webserver zu aktivieren, da die für Whitespace erforderlichen Daten auf fast Null reduziert werden und zusätzlich der Rest des Markups komprimiert wird. Wenn Sie einen anderen Grund haben, dann bitte erläutern. Wenn Sie zum Beispiel möchten, dass der Quellcode für Debugging-/Entwicklungszwecke 'sauber' ist, können Sie dasselbe Ergebnis mit einem Quellcode-Cleaner auf der Client-Seite erreichen (zB ein Firefox-Plugin oder eine Schnittstelle zu HTMLTidy).
Wenn Sie die Build Suite von Demandware verwenden, können Sie während des Erstellungsprozesses Leerräume verketten.
Sie können hier Informationen über die Build-Suite finden: https://bitbucket.org/demandware/build-suite (privat Repo)
Die Build-Suite bietet nur die Möglichkeit, js/css zu minimieren und JS oder CSS in eine kombinierte Datei zu verketten. Keine Optionen, die ich finden kann, um Leerzeichen in HTML zu minimieren/zu komprimieren/zu komprimieren. –
Moku erfolgreich das html-minifier Paket Template-Dateien zu komprimieren, weißen Raum zu entfernen, auf sheplers.com benutzt hat. Wir haben es dem Prozess hinzugefügt, der auf den Build-Skripten von Site Genesis basiert. (ca. Ende 2015) Da wir Schluck verwenden, haben wir das Schluck-Wrapper-Paket gulp-htmlmin verwendet. Die schluck Aufgabe wie folgt aussieht:
gulp.task('isml', function() {
var htmlminOptions = {
collapseWhitespace: true,
includeAutoGeneratedTags: false
};
paths.isml.forEach(function(p) {
gulp.src(path.join(rootPath, p), { base: './' })
.pipe(htmlmin(htmlminOptions))
.pipe(gulp.dest('./'));
});
});
Die package.json Pfade Richtlinie für isml wie folgt aussieht. Beachten Sie, dass Sie dieser Liste alle ISML-Dateien hinzufügen können, die exzessive Leerzeichen erzeugen. Wir haben jedoch festgestellt, dass der Großteil des fehlerhaften Whitespace nur durch diese eine Datei generiert wurde.
"isml" : [
"app_storefront_core/cartridge/templates/default/util/modules.isml"
]
Können Sie Ihre Bildschirmvorschau oder URL – Tarun