Product Design, Manufacturing & Innovation Resources
घर » ऑनलाइन उपकरण » क्रिटिकल पाथ सीएसएस जनरेटर

क्रिटिकल पाथ सीएसएस जनरेटर

यह दिए गए किसी भी URL का विश्लेषण करेगा और "फ़ोल्डर के ऊपर" HTML रेंडरिंग प्रदर्शित करने के लिए आवश्यक CSS को संयोजित करेगा, यानी "महत्वपूर्ण सीएसएस” या “महत्वपूर्ण सीएसएस पथ“.

एक अच्छा उपकरण, जो काम करता है नौकरी इसके बिना काम चलाना आसान नहीं है। और यह सीधे मिनिमाइज्ड सीएसएस वर्जन लौटाता है।

You करना ही होगा then incorporate this code into the head of your page(s), either manually, or with a dedicated plugin, or any cache or optimizer plugin.

इससे बाहरी सीएसएस फाइलों को लोड किए बिना, प्रारंभ में दिखाई देने वाले क्षेत्र के शीर्ष भाग को तेजी से प्रस्तुत करना संभव हो सकेगा।

  • क्या इससे आपके Google मेट्रिक्स में वृद्धि होगी: संभवतः
  • क्या इससे आपके एक बार आने वाले आगंतुकों का अनुभव बेहतर होगा? : संभवतः
  • क्या इससे आपके बार-बार आने वाले आगंतुकों का अनुभव बेहतर होगा: नहीं (क्योंकि इससे उन सभी पृष्ठों का भार बढ़ जाएगा जहां यह सीएसएस जोड़ा गया है, जबकि इसे केवल एक बाहरी फ़ाइल में जोड़ा जाना चाहिए जो केवल एक बार लोड होती है)।

सुझाव #1: सर्वर या प्लगइन कैश को तुरंत बाद साफ़ कर दें।

सुझाव #2: यदि आप ऑप्टिमाइज़ेशन के उस तरीके को अपना रहे हैं, तो सबसे उपयुक्त सीएसएस प्राप्त करने के लिए, यह तरकीब आपकी साइट में मौजूद प्रत्येक उल्लेखनीय रूप से भिन्न पेज समूह के लिए एक बार आजमाना उचित होगा, जिनमें से प्रत्येक संभवतः एक बहुत अलग सीएसएस का उपयोग करता है (उदाहरण: फोरम पेज, सामान्य पोस्ट, कस्टम पोस्ट प्रकार आदि)।

सुझाव #3: चूंकि यह सीएसएस पूरी तरह से एक स्टैटिक कोड है, इसलिए पेज के सीएसएस में कोई बड़ा बदलाव करने पर इसे अपडेट किया जाना चाहिए।

विषय: वेब परफॉर्मेंस, वेब डेवलपमेंट, एसईओ, वर्डप्रेस डेवलपमेंट।
पेंटहाउस का निःशुल्क विकल्प, WP Rocket।
क्रिटिकल पाथ सीएसएस जनरेटर की तुलना पेंटहाउस और डब्ल्यूपी रॉकेट से की गई।
क्रिटिकल पाथ सीएसएस जनरेटरसायबानडब्ल्यूपी रॉकेट
रूप एवं उपयोग: यह कोर वेब वाइटल्स का एक ऑनलाइन जनरेटर है। आप एक यूआरएल दर्ज करते हैं, मोबाइल और डेस्कटॉप व्यूपोर्ट आकार सेट करते हैं, और शीर्षक के ठीक नीचे हेड में स्टाइल टैग में पेस्ट करने के लिए आवश्यक सीएसएस प्राप्त करते हैं। यह मूल स्टाइलशीट को स्थगित करने के तीन तरीके भी प्रदान करता है।रूप एवं उपयोग: पेंटहाउस एक नोड लाइब्रेरी है जिसे मूल क्रिटिकल पाथ सीएसएस जनरेटर के रूप में वर्णित किया गया है। आप इसे एक यूआरएल और एक सीएसएस स्ट्रिंग या फ़ाइल के साथ कॉल करते हैं और यह क्रिटिकल सीएसएस लौटाता है। विकल्पों में व्यूपोर्ट की चौड़ाई और ऊंचाई (डिफ़ॉल्ट 1300 x 900), फ़ोर्सइनक्लूड, फ़ोर्सएक्सक्लूड और टाइमआउट शामिल हैं।रूप एवं उपयोग: यह एक सशुल्क वर्डप्रेस कैशिंग प्लगइन है। फ़ाइल ऑप्टिमाइज़ेशन, ऑप्टिमाइज़ सीएसएस डिलीवरी के अंतर्गत 'अप्रयुक्त सीएसएस हटाएं' विकल्प चालू है, और प्लगइन स्वयं जेनरेटेड सीएसएस को सम्मिलित करता है।
सीएसएस कैसे तैयार होता है: यह टूल कस्टम नोड प्लेटफॉर्म पर क्रोम-आधारित ब्राउज़र में पेज लोड करता है, कई व्यूपोर्ट की जांच करता है, दृश्य क्षेत्र को रेंडर करने वाले स्टाइलशीट भागों को ढूंढता है, फिर उन्हें साफ और छोटा करता है।सीएसएस कैसे तैयार होता है: यह पपेटियर के माध्यम से हेडलेस क्रोमियम को संचालित करता है, और कई जॉब एक ​​ही ब्राउज़र इंस्टेंस को साझा कर सकते हैं।सीएसएस कैसे तैयार होता है: WP Rocket पेज का URL एक बाहरी API को भेजता है, जो पेज पर जाकर इस्तेमाल किए गए CSS को तैयार करता है। परिणाम को एक ज़िप फ़ाइल के रूप में संग्रहित किया जाता है और शीर्षक टैग के बाद wpr-usedcss आईडी वाले स्टाइल एलिमेंट में डाला जाता है। यह हर 30 दिनों में पुनः उत्पन्न होता है।
स्वचालन और रखरखाव: आउटपुट हाथ से पेस्ट किया गया है। यह टूल बीटा चरण में है, और पेज पर सुझाव दिया गया है कि यदि यह विफल हो जाता है तो 5 मिनट बाद पुनः प्रयास करें।स्वचालन और रखरखाव: आप इसे स्वयं स्क्रिप्ट करते हैं, उदाहरण के लिए एक बिल्ड स्टेप में, और परिणाम को एक फ़ाइल में लिखते हैं।स्वचालन और रखरखाव: जब कोई नॉन-कैश्ड पेज खोला जाता है तो जनरेशन शुरू हो जाती है। असफल प्रयासों को बढ़ती प्रतीक्षा अवधि के साथ अधिकतम 5 बार तक पुनः प्रयास किया जाता है।
आवश्यकताएं: Node.js को npm या yarn के साथ और Puppeteer के माध्यम से हेडलेस Chrome के साथ उपयोग करें। Linux पर libnss3 जैसी कुछ सिस्टम लाइब्रेरी को इंस्टॉल करने की आवश्यकता हो सकती है।आवश्यकताएं: एक सार्वजनिक रूप से सुलभ साइट, कार्यशील WP-Cron और एक सर्वर या फ़ायरवॉल जो प्लगइन बॉट उपयोगकर्ता एजेंटों की अनुमति देता हो। यह htaccess प्रमाणीकरण के पीछे काम नहीं करता है, और Cloudflare बॉट फाइट मोड को अक्षम किया जाना चाहिए।
लाइसेंस और लागत: इस पेज पर इसे एक मुफ्त ऑनलाइन टूल बताया गया है और इसके इस्तेमाल पर कोई सीमा नहीं बताई गई है।लाइसेंस और लागत: यह कोड एमआईटी लाइसेंस के अंतर्गत है।लाइसेंस और लागत: सशुल्क योजनाएँ वार्षिक होती हैं और साइटों की संख्या (1, 3 या 50) के अनुसार बढ़ती हैं। 14 दिनों की परीक्षण अवधि समाप्त होने पर स्वचालित रूप से शुल्क लिया जाता है, जब तक कि इसे रद्द न किया जाए।

शामिल विषय: क्रिटिकल पाथ, सीएसएस जनरेटर, यूआरएल विश्लेषण, मिनिफाइड सीएसएस, अबव-द-फोल्ड, एचटीएमएल रेंडरिंग, ऑप्टिमाइजेशन, परफॉर्मेंस मेट्रिक्स, यूजर एक्सपीरियंस, सर्वर कैश, प्लगइन इंटीग्रेशन, स्टैटिक कोड, वेब परफॉर्मेंस, पेज रेंडरिंग, एक्सटर्नल सीएसएस, साइट ऑप्टिमाइजेशन, रिस्पॉन्सिव डिजाइन, आईएसओ/आईईसी 25010, आईएसओ/आईईसी 9126, आईएसओ 9241, आईएसओ/आईईसी 27001 और आईएसओ 8601।

अधिक नेटवर्क और वेब tools

अपना सर्वश्रेष्ठ ऑनलाइन टूल सुझाएं:

क्या आप ऊपर दी गई वेबसाइट से बेहतर, पूरक या प्रतिस्थापन वेबसाइट जानते हैं?

> यहां सुझाव दें <

नवीनतम परिवर्धन

शीर्ष पोस्ट और लेख

शीर्ष मूल उपकरण

10वां वर्ष सालगिरह

पंजीकृत सदस्यों के लिए पूर्ण आकार की छवियाँ और डाउनलोड 100% निःशुल्क उपलब्ध हैं।