अनुकूलन- क्या सभी HTML पृष्ठों पर अप्रयुक्त सीएसएस और जावास्क्रिप्ट को खोजने और निकालने का कोई तरीका है?

Question

मेरी वेबसाइट में कई वेबपृष्ठ हैं और मैं अपनी स्टाइलशीट और स्क्रिप्ट साफ़ करने की कोशिश कर रहा हूं। मेरी वेबसाइट में किसी भी एचटीएमएल पेजों द्वारा प्रत्येक जेएस/सीएसएस का लगभग 10% या अधिक उपयोग नहीं किया जा रहा है। मुझे सामान्य अप्रयुक्त और अनावश्यक सीएसएस और जेएस को हटाने की जरूरत है। मैंने थोड़ा सा शोध किया और this पाया। लेकिन यह मुफ़्त नहीं है।
नोट:

• js/सीएसएस में से कुछ एक से अधिक html पृष्ठ से बुलाया जा रहा है और अभी भी वहाँ प्रत्येक js/सीएसएस HTML पृष्ठों जो उन्हें बुला रहे हैं में से किसी के द्वारा नहीं किया जा रहा का एक हिस्सा है।
• मेरी वेबसाइट केवल क्रोम में संगत है।
  

Answer 1

हाँ, आपको अप्रयुक्त सीएसएस को साफ करने के लिए एडी ओस्मानी grunt-uncss plugin का उपयोग करना चाहिए। मुझे इतना यकीन नहीं है कि आप अप्रयुक्त जेएस को हटाने के लिए एक उपकरण का उपयोग कर सकते हैं, क्योंकि यह एप्लिकेशन तर्क पर निर्भर करता है, जेएस कोड का कौन सा हिस्सा कहा जाएगा।

Answer 2

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

अब अगर मैं नहीं था या खोज के कुछ घंटों के बाद भी मुझे अपनी जरूरतों को पूरा करने वाली कुछ भी नहीं मिली, तो मैं इसे स्वयं करने का फैसला कर सकता हूं। क्या होगा यदि आप गंदे हो करने को तैयार हैं तुम कर सकते हो, सीएसएस के लिए कम से कम, एक स्क्रिप्ट स्थानीय रूप से प्रत्येक के माध्यम से चलाने के लिए चलाया जाता है HTML फ़ाइल और

1. निकालें प्रत्येक से संदर्भित स्टाइलशीट के सभी कार्य किया है, एक सूची बनाने
2. सभी सीएसएस वर्गों और प्रत्येक से आईडी के नाम निकालें, एक सूची
3. मैच वर्गों और आईडी वास्तव में एचटीएमएल
4. में इस्तेमाल के खिलाफ सूची बनाने सब उन है कि नहीं कर रहे हैं की एक सूची बनाएँ, और स्टोर यह आसान पहुंच के लिए फ़ाइल में

यदि आप इससे परिचित हैं तो आप कुछ ही घंटों में पाइथन में इस तरह कुछ फेंक सकते हैं। बेशक, यह इस बात पर निर्भर करता है कि आप किस भाषा का उपयोग त्वरित और गंदे पटकथा के लिए करते हैं।

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

Answer 3

ओपन क्रोम DevTools, ऑडिट के तहत आप वर्तमान स्थिति लेखा परीक्षा या के तहत वेब पेज प्रदर्शन

फिर लोड पर पेज और लेखा परीक्षा को फिर से लोड कर सकते हैं वहाँ एक अनुभाग यह दर्शाता है कि

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

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

Answer 4

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

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

Answer 5

आप अपने कोड को अच्छी तरह जानते हैं, लेकिन इससे आपको सभी कार्यों को पढ़ने में मदद मिलनी चाहिए। Spring-cleaning Unused CSS With Grunt, Gulp, Broccoli or Brunch

Answer 6

आप http://gtmetrix.com/remove-unused-css.html पर सीएसएस कोड को साफ करने के लिए जीटीएमट्रिक्स का उपयोग कर सकते हैं। यूआरएल दें और जाओ दबाएं!

http://www.peterbe.com/plog/mincss एक उपकरण है कि जब एक यूआरएल (या एकाधिक यूआरएल) दिया जाता है तो उस पृष्ठ और उसके सभी सीएसएस को डाउनलोड किया जाता है और सीएसएस में प्रत्येक चयनकर्ता की तुलना करता है और पता लगाता है कि किसका उपयोग नहीं किया जाता है। नतीजा मूल सीएसएस की एक प्रति है, लेकिन चयनकर्ताओं को हटाए गए दस्तावेज़ों में नहीं मिला है।

आप भी गूगल क्रोम लेखा परीक्षा उपकरण इस वेबसाइट http://blackbe.lt/removing-unused-css-selectors-with-google-chrome-tool/

का उल्लेख उपयोग कर सकते हैं या आप गूगल क्रोम एक्सटेंशन

1. https://chrome.google.com/webstore/detail/unusedcss/dokggbghedajooenkgjbamikfgnngeik
2. https://chrome.google.com/webstore/detail/css-remove-and-combine/cdfmaaeapjmacolkojefhfollmphonoh?hl=en-GB

Answer 7

आप उपयोग कर सकते हैं का उपयोग कर सकते नीचे दिए गए लिंक का उल्लेख करें और अपना एचटीएमएल कोड और सीएसएस साफ़ करें।

http://validator.w3.org/#validate_by_uri+with_options