बड़ी / पुरानी CSS फाइलों को फिर से बनाना


13

मैं वर्तमान में 100,000 पृष्ठ की वेबसाइट पर काम कर रहा हूं, वर्तमान डिजाइन 5 साल से अधिक समय के लिए है और लगातार अपडेट के परिणामस्वरूप चार 12,000+ लाइन सीएसएस फाइलें हुई हैं।

जाहिर है कि सीएसएस बहुत ही बेकार हो गया है, कई शैलियों को डुप्लिकेट किया गया है और यह जानना लगभग असंभव है कि वास्तव में शैलियों में से कितने का उपयोग किया जाता है।

हम छोटा कर सकते हैं, लेकिन यह समस्या से निपटने में मदद नहीं कर रहा है, बस अपरिहार्य पुन: काम में देरी कर रहा है।

तो तीन सवाल वहाँ किसी भी उपकरण के लिए वहाँ रहे हैं ...

  • बड़ी CSS फाइलों को डी-डुप्लिकेट करना?
  • साइट को स्कैन करना और सीएसएस वर्ग और आईडी का उपयोग लॉग करना?
  • क्या इस तरह की स्कैनिंग किसी तरह की स्क्रिप्ट के साथ हासिल की जा सकती है, शायद चिकनाई?

जवाबों:


17

http://unused-css.com/ क्या आप पूछते हैं में से कुछ करता है, और उनके पास यह कहने के लिए है: -

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

डस्ट-मी चयनकर्ता फ़ायरफ़ॉक्स एक्सटेंशन (v1.5 या बाद के लिए) है जो अप्रयुक्त सीएसएस चयनकर्ताओं को ढूंढता है। यह आपके द्वारा देखे जा रहे पृष्ठ के सभी स्टाइलशीट से सभी चयनकर्ताओं को निकालता है, फिर उस पृष्ठ का विश्लेषण करके यह देखता है कि उन चयनकर्ताओं में से किसका उपयोग नहीं किया गया है। डेटा को तब संग्रहीत किया जाता है ताकि बाद के पृष्ठों का परीक्षण करते समय, चयनकर्ताओं को सूची से पार किया जा सके, क्योंकि वे सामना कर चुके हैं। यह उपकरण एक पूरी वेबसाइट को मकड़ी बनाने में सक्षम माना जाता है लेकिन मैं दुर्भाग्य से इसे काम कर सकता हूं। इसके अलावा, मुझे नहीं लगता कि आप सीएसएस फ़ाइल को हटाए गए शैलियों के साथ कॉन्फ़िगर और डाउनलोड कर सकते हैं।

लिक्विडिटी सीएसएस क्लीनर एक php स्क्रिप्ट है जो एक पृष्ठ की शैलियों की जांच करने के लिए नियमित अभिव्यक्ति का उपयोग करती है। यह आपको उन कक्षाओं को बताएगा जो HTML कोड में उपलब्ध नहीं हैं। मैंने इस समाधान का परीक्षण नहीं किया है।

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

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

UnusedCSS.com इंटरफ़ेस का उपयोग करने के लिए आसान के साथ वेब अनुप्रयोग है। किसी साइट का url टाइप करें और आपको CSS चयनकर्ताओं की एक सूची मिलेगी। प्रत्येक चयनकर्ता के लिए, एक संख्या इंगित करती है कि चयनकर्ता कितनी बार उपयोग किया जाता है। इस सेवा की कुछ सीमाएँ हैं। @Import स्टेटमेंट समर्थित नहीं है। आप नई साफ CSS फ़ाइल को कॉन्फ़िगर और डाउनलोड नहीं कर सकते।

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

हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.