विषयसूची:

मैं रेंडर ब्लॉकिंग CSS को कैसे टाल सकता हूँ?
मैं रेंडर ब्लॉकिंग CSS को कैसे टाल सकता हूँ?

वीडियो: मैं रेंडर ब्लॉकिंग CSS को कैसे टाल सकता हूँ?

वीडियो: मैं रेंडर ब्लॉकिंग CSS को कैसे टाल सकता हूँ?
वीडियो: Eliminate Render blocking-stackpath.bootstrapcdn.com fixed/remove bootstrap render blocking||OnTeque 2024, अप्रैल
Anonim

सबसे आम समाधान, to आस्थगित करें आपका लोड हो रहा है अवरुद्ध सीएसएस प्रस्तुत करना , और कम करें प्रस्तुत करना - अवरुद्ध फिलामेंट ग्रुप द्वारा राउंड ट्रिप को लोडसीएसएस कहा जाता है। नवीनतम संस्करण अभी तक पूरी तरह से समर्थित विशेषता का लाभ नहीं उठाता है जो एसिंक्रोनस लोडिंग की अनुमति देता है सीएसएस.

फिर, मैं रेंडर ब्लॉकिंग को कैसे ठीक करूं?

रेंडर ब्लॉकिंग को ठीक करें W3 टोटल कैश का उपयोग कर जावास्क्रिप्ट इसके बाद, आपको प्रदर्शन »सामान्य सेटिंग्स पृष्ठ पर जाना होगा और नीचे स्क्रॉल करके छोटा करना होगा। सबसे पहले आपको Minify विकल्प के आगे 'Enable' को चेक करना होगा और फिर minify mode विकल्प के लिए 'Manual' का चयन करना होगा। अपनी सेटिंग्स को स्टोर करने के लिए सेव ऑल सेटिंग्स बटन पर क्लिक करें।

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

ऊपर के अलावा, CSS ब्लॉक रेंडरिंग करता है?

प्रस्तुत करना ब्लॉक कर रहा है सीएसएस . डिफ़ॉल्ट रूप से, सीएसएस है एक के रूप में व्यवहार किया प्रस्तुत करना संसाधन को अवरुद्ध करना, जिसका अर्थ है कि ब्राउज़र नहीं करेगा प्रस्तुत करना CSSOM तक कोई भी संसाधित सामग्री है निर्मित। एचटीएमएल है जाहिर है, क्योंकि डोम के बिना हमारे पास कुछ भी नहीं होगा प्रस्तुत करना , लेकिन वो सीएसएस आवश्यकता कम स्पष्ट हो सकती है।

मुझे कैसे पता चलेगा कि मेरे पास रेंडर ब्लॉक करने वाले संसाधन हैं?

रेंडर-अवरुद्ध संसाधनों की पहचान करने के लिए:

  1. प्रारंभ रेंडर लाइन से पहले लोड होने वाले गैर-महत्वपूर्ण संसाधनों की तलाश करें (webpagetest.org के माध्यम से)।
  2. पृष्ठ सामग्री कैसे प्रभावित होती है, यह देखने के लिए Google देव उपकरण के माध्यम से संसाधनों को निकालने का परीक्षण करें।
  3. एक बार पहचाने जाने के बाद, रेंडर-अवरुद्ध संसाधनों को स्थगित करने के लिए सबसे अच्छा समाधान खोजने के लिए डेवलपर्स के साथ काम करें।

सिफारिश की: