मैं वर्तमान में अपने gulp पर काम कर रहा हूंनिर्माण / पाइपलाइन की तैनाती। महत्वपूर्ण-सीएसएस-इनलाइनिंग के बारे में वेब पर उपलब्ध सभी सामग्री अच्छी और सुंदर है, लेकिन यह वास्तविक दुनिया के परिदृश्यों के साथ अच्छी तरह से फिट नहीं है जहां आपके पृष्ठ (दृश्य) डिनैमली इकट्ठे हैं। मेरे पास है:
- header.html
- देखें
- footer.html
कोई भी वेब पेज एक संक्षिप्त शीर्षक + दृश्य + पाद है। सामग्री अनुमानित नहीं है: आप यह नहीं जान सकते कि रेंडर श्रेणी के दृश्य में कितने लेख होंगे।
मैं के साथ नकली इकट्ठे विचारों का निर्माण करना चाहिएसामग्री की अधिकतम राशि जो प्रत्येक दृश्य के लिए उपरोक्त भाग में प्रदर्शित की जा सकती है और फिर सीएसएस? क्या लक्ष्य को पूरा करने के लिए कोई पहले से ज्ञात विधि है?
यह वर्डप्रेस के बारे में नहीं है, इसलिए कृपया प्लगइन्स या उस तरह के सामान का उल्लेख न करें।
उत्तर:
जवाब के लिए 0 № 1इसे इस्तेमाल करो: https://www.npmjs.com/package/grunt-critical-css
यदि आप सामान्य रूप से अपने पृष्ठ के प्रदर्शन को बढ़ाना चाहते हैं, तो तुर्क-ब्लॉग पर बहुत सारे ग्रंट / गुल सिफारिशें होती हैं: http://yeoman.io/blog/performance-optimization.html