2010-06-28 18 views
11

मैं एक उपकरण है, जो कम करें कर सकते हैं अनुकूलन और उन संभव प्रकार के कई फाइलों MungeHTML + जावास्क्रिप्ट + सीएसएस कॉम्पैक्ट उपकरण

  • एचटीएमएल (कम करें केवल)
  • जावास्क्रिप्ट (कम करें, अनुकूलन और Munge) की जरूरत है
  • सीएसएस (कम करें)

अंतिम परिणाम एक एचटीएमएल एचटीएमएल, जे एस, और सीएसएस के लिए क्रमश: 3 फ़ाइलों को केवल सभी जावास्क्रिप्ट और सीएसएस एम्बेडेड के साथ या सबसे खराब स्थिति में फ़ाइल होना चाहिए।

मुझे यूयूआई कंप्रेसर इत्यादि जैसे उपकरणों के बारे में पता है। जो मुझे वर्तमान में नहीं मिला है वह कंप्रेसर का प्रकार है जो उन सभी फाइल प्रकारों पर काम करेगा और उन्हें केवल एक विशाल फ़ाइल में विलय करेगा।

+1

वर्तमान में दिगुआ (http://digua.sourceforge.net) के साथ प्रयोग कर रहे हैं –

+0

प्रश्न: आप इसे एक फ़ाइल में कैसे मर्ज कर सकते हैं? ... जब तक कि उन सभी के साथ शुरू करने के लिए पहले से ही एक फ़ाइल में नहीं हैं? –

+0

उन्हें एक बैच/बैश स्क्रिप्ट के साथ आसानी से एक दूसरे के साथ जोड़कर विलय किया जा सकता है। –

उत्तर

0

गाद, सीएसएस को कम करने के लिए कमियों पर विचार करें। यदि आपके पास कोई सिस्टम नहीं है जहां आप सामान्य/minify संपादित करते हैं/फिर इसे तैनात करते हैं तो इसे बाद में सीएसएस के संपादन को पासा कर सकते हैं।

मैं एक अंतरराष्ट्रीय बैंक के लिए एक बड़ी यूआई रीफ्रेश परियोजना पर इस पूरे तर्क के माध्यम से चला गया। विशेष रूप से एक साइट 1 मिलियन + विज़िटर/दिन कर रही थी और बैंडविड्थ नंबर कमजोर रखने के हमारे सभी प्रयासों के बावजूद पागल थे (हर छोटी बिट साइट पर भारी मात्रा में तस्करी हुई) बहुत प्रतिभाशाली दिमाग की एक बड़ी टीम द्वारा व्यवसाय विश्लेषण पर, यह था यह निर्धारित करता है कि हम कई कदम उठाएंगे, लेकिन अतिरिक्त समय के कारण सीएसएस कम करने के कारण इंजीनियरों को सरल सीएसएस tweaks के लिए फिक्सिंग, minifying और redeploying से पहले minifying को पूर्ववत करने के लिए ले जाएगा। संख्याओं से पता चला कि 5 जीबी/दिन बैंडविड्थ सुधार के साथ भी, अतिरिक्त समय के लिए यूआई इंजीनियर का भुगतान नहीं करना अभी भी सस्ता था।

हम आपकी साइट के विनिर्देशों को नहीं जानते हैं, लेकिन बहुत से लोग नहीं हैं जिन्हें मेरे उदाहरण के यातायात के बारे में चिंता करने की ज़रूरत है। फायरबग के नए गति विश्लेषक में अपनी साइट चलाएं और देखें कि वास्तविक लाभ क्या खनन से हो सकता है ..... अब अपने ट्रैफिक से गुणा करें। आमतौर पर, वह संख्या बहुत डरावनी नहीं है। Http अनुरोधों को सीमित करने के लिए, और यह सुनिश्चित करना कि कैशिंग उचित रूप से सेटअप है, को संबंधित फ़ाइलों में सीएसएस और जेएस को जोड़ने (कैशिंग लाभों के कारण व्यक्तिगत PHP फ़ाइलों में मैशिंग करने से बेहतर) में छवि स्प्रिट्स करने में अपना समय व्यतीत करें। Gzip संपीड़न चलाएं। यदि उन चरणों के बाद आप अच्छे नहीं हैं, तो साइट को एक नए स्तर पर ले जाएं।

इसे आसान रखें .... यह साइट के जीवन चक्र के अद्यतन और रखरखाव भागों में एक बड़ा अंतर बनाता है।समय और सिर दर्द को बचाया के साथ, आप हमें हमारे सवालों :)

+15

कोई भी खनन को पूर्ववत करेगा? यह निश्चित रूप से बेकार है। बहुत प्रतिभाशाली दिमाग की एक बड़ी टीम यह पता लगा सकती है कि आपके पास केवल विकास संस्करण और तैनाती के लिए एक सरल स्वचालित प्रक्रिया होनी चाहिए। फिर से minifying पूर्ववत करें? कभी नहीं सुना। जावास्क्रिप्ट को कम करने पर विचार करें जहां आप पूर्ववत नहीं कर सकते हैं। आपको एक अलग दृष्टिकोण की ज़रूरत है जो निश्चित रूप से है ... – galambalazs

+1

कुछ व्यवसाय सेटिंग्स जैसे कि उपर्युक्त में, कोडबेस में कोड का एक अलग टुकड़ा रखने का विकल्प नहीं है। अगर हमने उस कोड को छोटा और तैनात किया है, तो वह कोड बन गया जो ट्रंक में आगे बढ़ गया। और, तैनाती प्रक्रिया के दौरान कम करने के लिए एक अलग व्यावसायिक प्रक्रिया भी प्राप्त करना काफी चुनौतीपूर्ण होता। दोबारा, यह आपके पर्यावरण को कितना जटिल बना देता है और प्रदर्शन में मामूली सुधार के लिए आप कितने लोग शामिल करना चाहते हैं। मैंने वहां काम करने से पहले, मुझे समझ में नहीं आया कि एक चरित्र को बदलने से 5 लोगों को 3 सप्ताह लग सकते हैं। – bpeterson76

+5

"अतिरिक्त समय के लिए यूआई इंजीनियर का भुगतान नहीं करना अभी भी सस्ता था" सीएसएस = ओवरकिल इमो – Enriquev

2

मेरा सुझाव हेडर में <script> के अंदर सभी जावास्क्रिप्ट डालना होगा, और सभी सीएसएस को <style> टैग में भी डालना होगा। फिर अपनी योग्यता के सर्वोत्तम अनुकूलित करें और फिर इसे अपने आप कम करें। कोई भी सॉफ्टवेयर हर मामले को संभालने में सक्षम नहीं होगा। यदि आप फ़ाइल आकार को कम करने की कोशिश कर रहे हैं तो केवल न्यूलाइन और गैर-आवश्यक रिक्त स्थान हटाएं।

मुझे this भी मिला, जो आपकी फाइल पर सभी 3 के साथ काम करना चाहिए।

यह भी ध्यान रखें कि यदि आप वैकल्पिक टैग को हटाने शुरू करते हैं तो आप कुछ समस्याओं में भाग सकते हैं। कुछ ब्राउज़र सहयोग नहीं करते हैं साथ ही साथ उन्हें भी माना जाता है।

+1

यह कहकर कि कोई भी सॉफ्टवेयर हर मामले को संभालने में सक्षम नहीं होगा, वह एक सुंदर बोल्ड स्टेटमेंट है। क्या असाधारण मामले इस तरह के एक कठिन काम करेंगे? सबसे आसन्न समस्या जो मैं कर सकता हूं वह सीएसएस चयनकर्ताओं का उपयोग कर जावास्क्रिप्ट है जिसे किसी को स्थिरांक के रूप में चिह्नित करने की आवश्यकता है ताकि वे खनन से प्रभावित न हों। –

0

जहां तक ​​मुझे पता है कि ऐसा कोई उपकरण नहीं है। यदि आप सर्वर पक्ष पर PHP का उपयोग करते हैं, तो आप स्वचालित minification, कैशिंग और gzipping (एचटीएमएल, सीएसएस, जेएस) के लिए PHP Speedy (सक्रिय रूप से विकसित नहीं, लेकिन काम करता है) या Minify कोशिश कर सकते हैं।

संपादित करें: कंगैक्स का एचटीएमएल मिनीफायर (बैजर सुझाए गए अनुसार) केवल HTML न्यूनीकरण करता है।

+1

मैं PHP का उपयोग नहीं कर सकता क्योंकि कोई सर्वर-साइड नहीं है :)। प्रोजेक्ट थोड़ा अजीब है और जावा या पीएचपी जैसे सर्वर-साइड नहीं है। मुझे डिगुआ (http://digua.sourceforge.net) मिला - एक उपकरण जो मुझे चाहिए जो काफी दिखता है। वर्तमान में मैं इसके साथ प्रयोग कर रहा हूं। –

2

आप अभी तक gzip का उपयोग नहीं कर रहे हैं, यह पहले से ही प्रयोग शुरू करते हैं और हम बाहर इस बात बंद कर सकते हैं के साथ मदद कर सकते हैं;)

-3

मैं सुझाव HTML5 Boilerplate में शामिल बिल्ड स्क्रिप्ट को देखें: http://html5boilerplate.com/। कुछ न्यूनतम tweaking के साथ यह वही करेगा जो आप करना चाहते हैं।

-1

http://prettydiff.com/?m=minify वही करेगा जो आपको चाहिए, सिवाय इसके कि यह केवल जावास्क्रिप्ट को कम करता है और इसे खराब नहीं करता है।

0

आप एक फ़ाइल में एकाधिक सीएसएस फ़ाइलों को संपीड़ित/छोटा करने के लिए एकाधिक जावास्क्रिप्ट फ़ाइलों और CSS Compressor को संपीड़ित और कम करने के लिए jsCompressor का उपयोग कर सकते हैं। और अपनी HTML फ़ाइलों को अनुकूलित करने के लिए आप Google क्लॉसर सर्वर पर अपने कोड का पोस्ट अनुरोध भेज सकते हैं जो अनुकूलित एचटीएमएल कोड के साथ प्रतिक्रिया भेजता है।

संबंधित मुद्दे