डिमांडवेयर में HTML स्रोत कोड में व्हाइटस्पेस को कैसे निकालें?

Question

मैं मांगकर्ता मंच पर काम कर रहा हूं। मुझे स्रोत कोड (एचटीएमएल) में बहुत अधिक रिक्त स्थान मिल रहा है। मुझे नहीं पता कि मैं इसे कैसे अनुकूलित कर सकता हूं, कृपया मेरी मदद करें।

अग्रिम

Answer 1

धन्यवाद मुझे लगता है कि आप उपयोग कर रहे संभालने हूँ उनके Demandware Commerce या उनके सेवा के एक और एक। चूंकि वे अपने ई-कॉमर्स साइटों के लिए सभी बैक एंड कोड प्रदान करते हैं, इसलिए यह अत्यंत संभावना है कि आप अपने 'व्हाइटस्पेस' को टोन करने में सक्षम होंगे। यदि आप स्रोत को अपने होम पेज पर देखते हैं तो आपको अतिरिक्त 'व्हाइटस्पेस' भी दिखाई देगा। यह सिर्फ उनकी सामग्री प्रबंधन प्रणाली का एक उत्पाद है।

क्या आप पृष्ठों के अतिरिक्त ओवरहेड (फ़ाइल आकार) के बारे में चिंतित हैं या क्या आपको कोई और चिंता है?

Answer 2

हमारे पास अंतिम परिणाम पर सीमित नियंत्रण है, हालांकि iscontent टैग है, जिसमें एक विशेषता कॉम्पैक्ट है।

<iscontent type="text/html" compact="true" /> 

नोट, यह टेम्पलेट्स को शामिल करने के लिए फ़िल्टर नहीं करता है। प्रत्येक शामिल टेम्पलेट को व्हाइटस्पेस को संपीड़ित करने के लिए iscontent टैग की आवश्यकता होती है। डिमांडवेयर बताता है कि कॉम्पैक्ट टैग के लेआउट को तोड़ सकता है, इसलिए सावधानी बरतें।

Answer 3

निर्भर करता है कि आप 'अनुकूलन' से क्या मतलब रखते हैं। यदि आप बस डाउनलोड आकार को कम करना चाहते हैं तो वेब सर्वर पर Gzip संपीड़न को सक्षम करना बेहतर है क्योंकि यह व्हाइटस्पेस के लिए आवश्यक डेटा को लगभग शून्य तक गिरता है और इसके अतिरिक्त आपके मार्कअप को भी संपीड़ित करता है। यदि आपके मन में एक और कारण था तो कृपया विस्तृत करें। उदाहरण के लिए यदि आप स्रोत कोड को डीबगिंग/विकास उद्देश्यों के लिए 'साफ' होना चाहते हैं तो आप क्लाइंट साइड पर स्रोत कोड क्लीनर का उपयोग करके एक ही परिणाम प्राप्त कर सकते हैं (यानी, एक फ़ायरफ़ॉक्स प्लगइन या HTMLTidy के लिए इंटरफ़ेस)।

Answer 4

यदि आप डिमांडवेयर बिल्ड बिल्ड का उपयोग करते हैं, तो आप इसे बिल्ड प्रक्रिया के दौरान व्हाइटस्पेस को जोड़ सकते हैं। https://bitbucket.org/demandware/build-suite (निजी रेपो)

Answer 5

Moku सफलतापूर्वक sheplers.com पर सफेद स्थान को हटाने के लिए टेम्पलेट फ़ाइलों को संपीड़ित करने html-minifier पैकेज का इस्तेमाल किया गया:

आप सुइट बिल्ड यहाँ के बारे में जानकारी पा सकते हैं। हमने इसे गल्प प्रक्रिया में जोड़ा जो साइट उत्पत्ति की बिल्ड स्क्रिप्ट पर आधारित है। (लगभग 2015 के अंत में) चूंकि हम गल्प का उपयोग कर रहे हैं, हमने गल्प रैपर पैकेज gulp-htmlmin का उपयोग किया था।

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('./')); 
    }); 
}); 

isml के लिए package.json रास्तों निर्देश निम्नलिखित दिखाई देता है: घूंट काम की तरह लग रहा है। ध्यान दें कि आप किसी भी आईएसएमएल फाइलों को जोड़ सकते हैं जो इस सूची में अत्यधिक सफेद जगह उत्पन्न करते हैं लेकिन हमने पाया कि अपमानजनक व्हाइटस्पेस का बहुमत अकेले इस फाइल द्वारा उत्पन्न किया गया था।

"isml" : [ 
    "app_storefront_core/cartridge/templates/default/util/modules.isml" 
]