Google PageSpeed ​​ला निश्चिती करा - वरील पृष्ठावरील रेंडर-ब्लॉकिंग JavaScript आणि CSS बंद करा

जावास्क्रिप्ट आणि सीएसएस अवरोधित करणे रेंडर सोडवा

Google PageSpeed ​​[1] चाचणी उपरोक्त सामग्रीतील जावास्क्रिप्ट आणि सीएसएस रेंडर-ब्लॉकिंग हटवा आपल्या साइटच्या जेएस आणि सीएसएस फाइल्सला एचडीएम पूर्णतः लोड झाल्यानंतर प्राप्य करण्याची प्रेरणा देते - आणि म्हणूनच, आपल्या HTML लोडिंगला विराम देऊ नका त्यांना डाउनलोड करण्यासाठी

रेंडर-ब्लॉकिंग स्क्रिप्ट परिभाषा: पूर्ण एचटीएमएल डीओएम विश्लेषित करण्यापूर्वी लोड केलेली स्क्रिप्ट्स. उदाहरणार्थ, ब्राउझरसाठी एचटीएमएल पेंट नंतर होईपर्यंत स्क्रिप्ट लोड उशीर करण्यासाठी कोणत्याही विशिष्ट सूचनाशिवाय, शीर्षलेखात किंवा सामग्रीमध्ये असलेल्या स्क्रिप्ट्स.

वरील सामग्रीमध्ये रेंडर-ब्लॉकिंग जावास्क्रिप्ट आणि सीएसएस दूर करा: ते कसे निश्चित करावे ते दर्शवा

1. आपल्यासाठी आपल्या वेबसाइटला बाह्य प्रणाली अनुकूलित करा
   
2. रेंडर-ब्लॉकिंग संसाधनांचे निराकरण करण्यासाठी आवश्यक असलेल्या तीन पुढील ऑप्टिमायझेशनसह, आपल्या वतीने सर्व संभाव्य ऑप्टिमायझेशन करण्यासाठी सीडीएन वापरा:
   
3. जावास्क्रिप्ट फायली लोड स्थगित
   
4. एचटीएमएल लोड नंतर सीएसएस लोड
   
5. एक वर्डप्रेस प्लगइन वापरा
   

रेंडर-ब्लॉकिंग संसाधने दूर करण्यासाठी निराकरण करण्यासाठी बरेच ऑप्टिमायझेशन आवश्यक आहेत आणि त्या स्वत: हून अंमलात आणण्यास कंटाळवाणे होऊ शकते - शिवाय, आपल्याला पृष्ठाच्या वेगवान चाचण्यांमध्ये Chrome लाइटहाऊस आणि Google पृष्ठस्पेडमध्ये समाविष्ट असलेल्या नवीन चाचण्यांचा सतत शोध घ्यावा लागेल.

एचटीकॅसेस कोडमध्ये रेंडर-ब्लॉकिंग संसाधने दूर करण्याचा विद्यमान उपाय नाही कारण हा मुद्दा डीओएमशी संबंधित आहे, म्हणजे वेबसाइटची सामग्री, आणि समाविष्ट संसाधने ज्या क्रमाने लोड केल्या आहेत, जसे की जावास्क्रिप्ट आणि सीएसएस, परंतु केवळ नाही. हे एचटाकॅसेसमध्ये ट्रिगर केले जाऊ शकत नाहीत, परंतु केवळ एचटीएमएल डीओएम सामग्रीमध्ये.

जर आपण डेस्कटॉपसाठी या समस्यांचे निराकरण केले तर आपण त्याच वेळी मोबाईलसाठी रेंडर-ब्लॉकिंग संसाधने देखील काढून टाकू शकता कारण दोन्ही खरोखरच एकच आहेत!

Did you know that you can even have all these steps executed automatically for you by using an external  साइट गती प्रवेगक   technology, which through artificial intelligence will preload your site, optimize it, and deliver it to your visitors? It is possible with tools such as Ezoic platform offering, with a free trial and no credit card required. Otherwise, implement below optimizations in your website!

जावास्क्रिप्ट फायली लोड स्थगित

आपल्या जेएस फाइल्सचे लोड स्थगित करण्यासाठी [2], आपण आपल्या स्क्रिप्ट दुवेंमध्ये एसिंक किंवा डिफर्ड सूचना जोडू शकता. असिंक अशीच हमी देत ​​नाही की ते एकाच क्रमाने लोड केले जातात - म्हणून, आपल्याकडे अनेक स्क्रिप्ट आहेत ज्या एकानंतर इतर चालवाव्यात, तर ऑर्डर ऑर्डर क्रमांची हमी देण्यास श्रेयस्कर आहे:

एचटीएमएल लोड नंतर सीएसएस लोड

संपूर्ण एचटीएमएल संपल्यानंतर सीएसएस लोड होण्याकरिता, Google आपल्या HTML च्या शेवटी जोडण्यासाठी कोडचा हा भाग प्रस्तावित करतो, उदाहरणार्थ फूटर क्लोजिंग बंद केल्यानंतर आणि बॉडी बंद करण्याच्या अगोदर:

आपली वेबसाइट ऑप्टिमाइझ करण्यासाठी, न वापरलेले सीएसएस कोड काढून टाकणे देखील एक चांगली कल्पना आहे, जर आपल्याला वेब डिझाइनमध्ये ज्ञान नसेल तर ते कंटाळवाणे असू शकते. आपण आपल्या वेबसाइटवर स्वत: ला तयार केलेली नसल्यास, आपल्या वतीने न वापरलेल्या सीएसएस कोड काढून टाकण्यासाठी, जसे की इझोईक लीप उदाहरणार्थ, त्यांच्या आश्चर्यकारक साइटचे नवीन (आणि पूर्णपणे विनामूल्य) आवृत्ती स्पीड एक्सीलरेटर.

गूगल साइट गती चाचणी पास!

यामुळे मला Google PageSpeed ​​[1] चाचणी उत्तीर्ण होण्याकरिता वेबवर 51 गुणांवरून वर जात असलेल्या वेबसाईटवरील उपरोक्त सामग्रीतील रेन्डर-ब्लॉकिंग जावास्क्रिप्ट आणि सीएसएस (लीव्हलॉउझ ब्राउझर कॅशिंग [4] सोबत) दूर करा ( अंजीर 1) ते 72 (अंजीर 2), आणि 5 9 (अंजीर 3) वरुन डेस्कटॉपवरील 7 (आकृती 4) वर.

वर्डप्रेसमध्ये रेंडर-अवरोध स्त्रोत कसे हटवायचे

वर्डप्रेसमध्ये रेंडर-अवरोध स्त्रोत काढून टाकण्यासाठी, JetPack सारखे प्लगइन स्थापित करणे आवश्यक आहे.

नंतर, पर्यायांवर जा, ज्यासाठी आपण प्रशासक असणे आवश्यक आहे आणि जेटपॅक पर्याय> लेखन> कार्यप्रदर्शन आणि गती> जा तपासा> साइट एक्सीलरेटर सक्षम करा, प्रतिमा लोड वेळा वेगवान करा, स्थिर फाइल लोड वेळा वेग वाढवा आणि आळशी लोडिंग सक्षम करा प्रतिमा.

मास्टर वेबसाइट निर्मिती: आता नोंदणी करा!

आमच्या सर्वसमावेशक वेबसाइट क्रिएशन कोर्ससह आपल्या डिजिटल उपस्थितीचे रूपांतर करा - आज वेब तज्ञ होण्याचा आपला प्रवास सुरू करा!

येथे नोंदणी करा

हे जेटपेकला आपल्या प्रतिमांचे ऑप्टिमाइझ करण्यास परवानगी देऊन वर्डप्रेसमध्ये रेंडर-अवरुद्ध करणारी साधने आणि वेगवान पृष्ठे लोड करेल आणि सर्व्हरच्या जागतिक नेटवर्कमधून आपल्या प्रतिमा आणि स्थिर फायली (जसे सीएसएस आणि जावास्क्रिप्ट) सर्व्ह करेल.

तसेच, आळशी लोड फंक्शन वापरून लोड केलेल्या प्रतिमा ऑफ-स्क्रीन थांबविणे विसरू नका. ते कठीण होते आणि बाह्य लायब्ररी लोडिंग प्रतिमा ऑफ-स्क्रीन लोड करणे आवश्यक आहे, ते आता HTML5 मध्ये संभाव्यतः शक्य आहे!

आपल्या वेबसाइटवर प्रतिमा आळशी लोड करणे अंमलबजावणी करण्यासाठी, आपल्या वेबसाइट प्रतिमा लोड करणे गुणधर्मांकडे फक्त मूल्य आळशी जोडा आणि अलीकडील ब्राउझरला समजेल की या प्रतिमांना केवळ विनंती आणि लोड केले जातील, याचा अर्थ वापरकर्त्याने खाली स्क्रोल केले असल्यास प्रतिमा प्लेहोल्डर्स.

<img src=”SRC” alt=”ALT” loading=”lazy”></img>

त्या शीर्षस्थानी, आळशी लोडिंग देखील iframes सह कार्य करते आणि आपल्या वेबपृष्ठावरून रेंडर-ब्लॉकिंग संसाधने नष्ट करण्यासाठी एक महत्त्वपूर्ण अंमलबजावणी आहे.

एकदा प्रस्तुतीकरण अवरोध संसाधनांना मुख्य सामग्रीनंतर लोड करण्याची सूचना असतील, याचा अर्थ एचटीएमएल डोम, आपण आधीच Google लाइटहाऊस चाचणी, पृष्ठ गतीमान अंतर्दृष्टी चाचणी, किंवा Google कोर वेब viTs वर बरेच पॉइंट कमवाल.

आपल्यासाठी आपल्या वेबसाइटला बाह्य प्रणाली अनुकूलित करा

आपणास माहित आहे काय की आपल्या साइटवरुन बरेच प्रयत्न न करता आपल्या वतीने सर्व Google पेजस्पेड समस्या सोडविल्या जाऊ शकतात - विनामूल्य चाचणीसाठी नोंदणी करून आणि आपला डीएनएस बदलण्याशिवाय?

इझोइक प्लॅटफॉर्म साइट स्पीड प्रवेगक तंत्रज्ञानाचा वापर करून, सर्व सामान्य Google पृष्ठस्पीड समस्या त्यांच्या सिस्टमद्वारे सोडवल्या जातील, जे आपल्या वेबसाइट आणि अभ्यागत यांच्यात मध्यस्थ असतील. आपल्या अभ्यागतास ते प्रदर्शित करण्यापूर्वी ते आपल्यासाठी ते वेबपृष्ठ ऑप्टिमाइझ करतील.

इझोइक प्लॅटफॉर्मवर फक्त विनामूल्य चाचणीसाठी नोंदणी करून हिरवे बनून स्वत: चा प्रयत्न करून पहा - ते आपल्या वेबसाइटला काही दिवसात पृष्ठ गती ऑप्टिमायझेशनच्या सर्वोच्च गुणवत्तेवर पोहोचवतील: न वापरलेली सीएसएस काढून सीएसएस आणि जावास्क्रिप्ट ऑप्टिमाइझ करा. आणि जे.एस., आळशी लोड प्रतिमा, प्रतिमेचे आकार बदलणे, आपल्या साइटची पृष्ठे कॅशे करणे, फॉन्ट्स ऑप्टिमाइझ करणे, आपल्या समाविष्ट असलेल्या सर्व साइटवर प्री-कनेक्ट करणे आणि बरेच काही.

कोणतेही क्रेडिट कार्ड आवश्यक नाही - आपल्याला फक्त विनामूल्य नोंदणी करणे आणि प्रयत्न करून पहायचे आहे. तसेच, जर आपली वेबसाइट आपली जाहिराती अधिक वेगवान बनवण्यावर प्रदर्शन जाहिरातींमधून पैसे कमवत असेल तर, मशीन अ‍ॅशिंग आणि प्रगत कृत्रिम इंटेलिजन्सीद्वारे आपली जाहिराती अनुकूलित करून आपण Google अ‍ॅडसेन्सबरोबर केलेल्या कमाईपेक्षा आपल्याला कित्येक पटीने पैसे कमवू शकतात.

वारंवार विचारले जाणारे प्रश्न

वरील-पट सामग्रीमध्ये रेंडर-ब्लॉकिंग जावास्क्रिप्ट आणि सीएसएस कसे दूर करावे?

वरील-पट सामग्रीसाठी रेंडर-ब्लॉकिंग जावास्क्रिप्ट आणि सीएसएस दूर करण्यासाठी, आपण आपल्या साइटच्या जेएस आणि सीएसएस फायली एचटीएमएल पूर्ण लोड झाल्यानंतर लोड केल्या आहेत याची खात्री करुन घ्यावी. याचा अर्थ या फायली डाउनलोड करण्यासाठी HTML लोडिंग प्रक्रियेस विराम देत नाही. आपण जावास्क्रिप्ट फायली एसिंक किंवा अट्रिब्यूटसह पुढे ढकलू शकता आणि सीएसएससाठी आपण एचटीएमएल नंतर लोड करण्यासाठी विशिष्ट कोड वापरू शकता. * इझोइक * सारखी बाह्य ऑप्टिमायझेशन सिस्टम देखील हे आपोआप हाताळू शकते.

रेंडर-ब्लॉकिंग जावास्क्रिप्ट आणि सीएसएस दूर करण्यासाठी वेब विकसक Google पेजस्पीडच्या शिफारशीला कसे संबोधित करू शकतात?

वेब विकसक जावास्क्रिप्ट आणि सीएसएस फाइल्सचे सूक्ष्मकरण करून, जावास्क्रिप्टसाठी एसिन्क्रोनस लोडिंगचा वापर करून, गंभीर सीएसएस थेट एचटीएमएलमध्ये इनलाइन करून आणि नॉन-क्रिटिकल सीएसएस आणि जावास्क्रिप्ट फायली लोड करण्यास पुढे ढकलून त्यांची साइट ऑप्टिमाइझ करू शकतात. या धोरणांची अंमलबजावणी केल्यास लोडिंग वेळा आणि पेजस्पीड स्कोअरमध्ये लक्षणीय सुधारणा होऊ शकते.

परिपूर्ण Chrome लाइटहाउस स्कोर: काय होते?