मैं भाग रहा हूं magento 1.9, और मैं RWD sliderहोम पेज पर मैगेंटो 1.9 के साथ आने वाले का उपयोग कर रहा हूं ।
Google PageSpeedको यह पसंद नहीं है और कहता है:
उपरोक्त सामग्री में जावास्क्रिप्ट और सीएसएस को रेंडर-ब्लॉक करना हटा दें
मैं इस जावा स्क्रिप्ट फ़ाइल के लिए कैसे कर सकता हूँ जो स्लाइडर को कॉल करती है:
http://www.MYDOMAIN/media/js/sdhfksjfhdsjvbskj8e4w.jsजवाबों:
मैं Magento-1.9.x पर दिए गए रेंडर-ब्लॉकिंग जावास्क्रिप्ट मुद्दे को निम्नानुसार हल करता हूं:
<script src="filename.js"></script>
Replace with Following:
<script src="filename.js" defer></script>
<script src="filename.js" async="async"></script>या
<action method="addJs"><script>prototype/prototype.js</script></action>
Replace with Following:
<action method="addJs"><script>prototype/prototype.js</script><params>defer</params></action>
<action method="addJs"><script>prototype/prototype.js</script><params>async</params></action>संकेत: यह आधार विषय पर पता लगा सकता है
app \ design \ frontend \ base \ default \ layout \ page.xml लाइन के बारे में: 38,
यदि आप rwd के लिए सक्रिय थीम अलग पथ पूर्व का उपयोग करते हैं, जैसे app \ design \ frontend \ base \ default \ layout \ page.xml
"मोहन जीएस" द्वारा वर्णित तकनीक यहां काम नहीं करेगी।
जेएस पथ के कारण /media/js/ऐसा लगता है कि वह जेएस विलय का उपयोग करता है । इसका मतलब है, कि सभी js फ़ाइलें xml मानक तरीके से जोड़ी गई हैं
<action method="addJs">...<action method="addItem"><type>js</type>.. एक बड़े में विलय कर दिया जाएगा /media/js/<hash>.js।
Magento कोर js फाइलें जोड़ी जाती हैं
<action method="addJs"><script>prototype/prototype.js</script></action> इस तरह से, भी।
इनलाइन js का उपयोग करने वाले कई टेम्प्लेट भी हैं, जो कि उन वस्तुओं / कार्यों पर निर्भर करता है जो हेड js फाइलों द्वारा परिभाषित किए गए हैं।
इस बिंदु पर, क्या केवल सिर की जेएस फाइलों को नीचे की ओर ले जाना पर्याप्त नहीं है। आपको हेड इन के बाद और इससे पहले </body>भी सभी इनलाइन js घोषणाओं को आगे बढ़ाना होगा ।
सभी / कई मामलों में टेम्प्लेट से इनलाइन js को अलग करना असंभव है क्योंकि वे टेम्पलेट विशिष्ट चर का उपयोग कर रहे हैं।
आप केवल अंतिम html को पार्स करने जैसी सामान्य विधि का उपयोग कर सकते हैं और इस चीजों को एक साथ और सही क्रम में स्थानांतरित कर सकते हैं।
तो विस्तार से एक नज़र डालें Pagespeed ।
यह कोड कहता है कि पूरे दस्तावेज़ को लोड करने के लिए प्रतीक्षा करें, फिर बाहरी फ़ाइल को लोड करें defer.js।
<script type="text/javascript">
function downloadJSAtOnload() {
var element = document.createElement("script");
element.src = "defer.js";
document.body.appendChild(element);
}
if (window.addEventListener)
window.addEventListener("load", downloadJSAtOnload, false);
else if (window.attachEvent)
window.attachEvent("onload", downloadJSAtOnload);
else window.onload = downloadJSAtOnload;
</script>ये ऐसे चरण हैं जिनका आपको पालन करना होगा।
कोड के ऊपर कॉपी करें।
</body>टैग के ठीक पहले (अपने HTML फ़ाइल के निचले भाग के पास) अपने HTML में कोड पेस्ट करें ।
defer.jsअपनी बाहरी JS फ़ाइल का नाम बदलें ।
सुनिश्चित करें कि आपकी फ़ाइल का पथ सही है। उदाहरण: यदि आप अभी लगाते हैं defer.js, तो फ़ाइल defer.jsआपकी HTML फ़ाइल के समान फ़ोल्डर में होनी चाहिए।
अधिक जानकारी के लिए, इस लेख को देखें
इसे हल करने के लिए ओपन सोर्स एक्सटेंशन है Https://github.com/mediarox/pagespeed
वर्तमान सुविधाएँ
अनुकूलता
Magento 1.5.x से Magento 1.9.x तक।
बैकएंड कॉन्फ़िगरेशन
सभी मॉड्यूल (Pagespeed_Js, Pagespeed_Css) डिफ़ॉल्ट रूप से अक्षम हैं।
कॉन्फ़िगरेशन पथ: सिस्टम> कॉन्फ़िगरेशन> उन्नत> Pagespeed
यह काम किस प्रकार करता है ?
इवेंट "कंट्रोलर_फ्रंट_सेंड_प्रोसेस_बेफोर" पर साधारण HTML स्ट्रीम को पार्स करें।