我正在开发Demandware平台。我在源代码(HTML)中获得了太多空格。 我不知道如何优化它,请帮助我。
提前致谢
我正在开发Demandware平台。我在源代码(HTML)中获得了太多空格。 我不知道如何优化它,请帮助我。
提前致谢
我们对最终结果的控制有限,但是有 iscontent tag,具有compact属性。
<iscontent type="text/html" compact="true" />
请注意,它不会过滤到包含的模板。每个包含的模板都需要自己的 iscontent 标记来压缩空格。 Demandware声称compact可能会破坏标签的布局,所以请谨慎使用。
取决于'优化'的含义。如果您只是想减少下载大小,那么最好在Web服务器上启用Gzip压缩,因为它会将空格所需的数据折叠到接近零,并且还会压缩其余的标记。如果您有其他原因,请详细说明。例如,如果您希望源代码“干净”用于调试/开发目的,那么您可以使用客户端上的源代码清理器(即Firefox插件或HTMLTidy接口)获得相同的结果。
如果您使用Demandware的Build Suite,则可以在构建过程中将其连接到空白区域。
您可以在此处找到有关Build Suite的信息: https://bitbucket.org/demandware/build-suite (私人回购)
五子棋 已经成功使用了 HTML的minifier 包压缩模板文件以删除空白区域 sheplers.com。我们将它添加到基于Site Genesis的构建脚本的gulp进程中。 (大约在2015年末)由于我们正在使用gulp,我们使用了gulp包装包 一饮而尽,htmlmin。 gulp任务看起来像:
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('./'));
});
});
该 package.json
路径指令 isml
看起来如下。请注意,您可以将任何生成过多空格的ISML文件添加到此列表中,但我们发现大多数有问题的空白都是由这一个文件单独生成的。
"isml" : [
"app_storefront_core/cartridge/templates/default/util/modules.isml"
]
我假设你正在使用他们的 Demandware Commerce 或他们的另一项服务。由于它们为其电子商务网站提供了所有后端代码,因此它是 非常 不太可能你能够淡化他们的'空白'。如果您在自己的主页上查看源代码,您还会看到大量额外的“空白”。这只是其内容管理系统的产物。
您只是担心页面的额外开销(文件大小)还是您有另一个问题?