Google PageSpeed ला निश्चिती करा - वरील पृष्ठावरील रेंडर-ब्लॉकिंग JavaScript आणि CSS बंद करा
- जावास्क्रिप्ट आणि सीएसएस अवरोधित करणे रेंडर सोडवा
- वरील सामग्रीमध्ये रेंडर-ब्लॉकिंग जावास्क्रिप्ट आणि सीएसएस दूर करा: ते कसे निश्चित करावे ते दर्शवा
- जावास्क्रिप्ट फायली लोड स्थगित
- एचटीएमएल लोड नंतर सीएसएस लोड
- गूगल साइट गती चाचणी पास!
- वर्डप्रेसमध्ये रेंडर-अवरोध स्त्रोत कसे हटवायचे
- आपल्यासाठी आपल्या वेबसाइटला बाह्य प्रणाली अनुकूलित करा
- वारंवार विचारले जाणारे प्रश्न
- परिपूर्ण Chrome लाइटहाउस स्कोर: काय होते? - video
- टिप्पण्या (8)
जावास्क्रिप्ट आणि सीएसएस अवरोधित करणे रेंडर सोडवा
Google PageSpeed [1] चाचणी उपरोक्त सामग्रीतील जावास्क्रिप्ट आणि सीएसएस रेंडर-ब्लॉकिंग हटवा आपल्या साइटच्या जेएस आणि सीएसएस फाइल्सला एचडीएम पूर्णतः लोड झाल्यानंतर प्राप्य करण्याची प्रेरणा देते - आणि म्हणूनच, आपल्या HTML लोडिंगला विराम देऊ नका त्यांना डाउनलोड करण्यासाठी
[1] - पृष्ठस्पेड अंतर्दृष्टी - डेव्हलपर्स. Comरेंडर-ब्लॉकिंग स्क्रिप्ट परिभाषा: पूर्ण एचटीएमएल डीओएम विश्लेषित करण्यापूर्वी लोड केलेली स्क्रिप्ट्स. उदाहरणार्थ, ब्राउझरसाठी एचटीएमएल पेंट नंतर होईपर्यंत स्क्रिप्ट लोड उशीर करण्यासाठी कोणत्याही विशिष्ट सूचनाशिवाय, शीर्षलेखात किंवा सामग्रीमध्ये असलेल्या स्क्रिप्ट्स.
वरील सामग्रीमध्ये रेंडर-ब्लॉकिंग जावास्क्रिप्ट आणि सीएसएस दूर करा: ते कसे निश्चित करावे ते दर्शवा
- आपल्यासाठी आपल्या वेबसाइटला बाह्य प्रणाली अनुकूलित करा
- रेंडर-ब्लॉकिंग संसाधनांचे निराकरण करण्यासाठी आवश्यक असलेल्या तीन पुढील ऑप्टिमायझेशनसह, आपल्या वतीने सर्व संभाव्य ऑप्टिमायझेशन करण्यासाठी सीडीएन वापरा:
- जावास्क्रिप्ट फायली लोड स्थगित
- एचटीएमएल लोड नंतर सीएसएस लोड
- एक वर्डप्रेस प्लगइन वापरा
रेंडर-ब्लॉकिंग संसाधने दूर करण्यासाठी निराकरण करण्यासाठी बरेच ऑप्टिमायझेशन आवश्यक आहेत आणि त्या स्वत: हून अंमलात आणण्यास कंटाळवाणे होऊ शकते - शिवाय, आपल्याला पृष्ठाच्या वेगवान चाचण्यांमध्ये 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], आपण आपल्या स्क्रिप्ट दुवेंमध्ये एसिंक किंवा डिफर्ड सूचना जोडू शकता. असिंक अशीच हमी देत नाही की ते एकाच क्रमाने लोड केले जातात - म्हणून, आपल्याकडे अनेक स्क्रिप्ट आहेत ज्या एकानंतर इतर चालवाव्यात, तर ऑर्डर ऑर्डर क्रमांची हमी देण्यास श्रेयस्कर आहे:
[2] - रेंडर-ब्लॉकिंग जावास्क्रिप्ट काढा पेजस्पेड अंतर्दृष्टी | चांगले विकसक - developers.google.comएचटीएमएल लोड नंतर सीएसएस लोड
संपूर्ण एचटीएमएल संपल्यानंतर सीएसएस लोड होण्याकरिता, Google आपल्या HTML च्या शेवटी जोडण्यासाठी कोडचा हा भाग प्रस्तावित करतो, उदाहरणार्थ फूटर क्लोजिंग बंद केल्यानंतर आणि बॉडी बंद करण्याच्या अगोदर:
[3] - ऑप्टिमाइझ CSS वितरण | पेजस्पेड अंतर्दृष्टी | चांगले विकसक - developers.google.comआपली वेबसाइट ऑप्टिमाइझ करण्यासाठी, न वापरलेले सीएसएस कोड काढून टाकणे देखील एक चांगली कल्पना आहे, जर आपल्याला वेब डिझाइनमध्ये ज्ञान नसेल तर ते कंटाळवाणे असू शकते. आपण आपल्या वेबसाइटवर स्वत: ला तयार केलेली नसल्यास, आपल्या वतीने न वापरलेल्या सीएसएस कोड काढून टाकण्यासाठी, जसे की इझोईक लीप उदाहरणार्थ, त्यांच्या आश्चर्यकारक साइटचे नवीन (आणि पूर्णपणे विनामूल्य) आवृत्ती स्पीड एक्सीलरेटर.
गूगल साइट गती चाचणी पास!
यामुळे मला Google PageSpeed [1] चाचणी उत्तीर्ण होण्याकरिता वेबवर 51 गुणांवरून वर जात असलेल्या वेबसाईटवरील उपरोक्त सामग्रीतील रेन्डर-ब्लॉकिंग जावास्क्रिप्ट आणि सीएसएस (लीव्हलॉउझ ब्राउझर कॅशिंग [4] सोबत) दूर करा ( अंजीर 1) ते 72 (अंजीर 2), आणि 5 9 (अंजीर 3) वरुन डेस्कटॉपवरील 7 (आकृती 4) वर.
[]] - एचटीकॅसेसमध्ये Google पृष्ठस्पीड लीव्हरेज ब्राउझर कॅशींगचे निराकरण करा - योआन बिअरलिंग, आंतरराष्ट्रीय एसएपी / वेब सल्लागार - www.ybierling.comवर्डप्रेसमध्ये रेंडर-अवरोध स्त्रोत कसे हटवायचे
वर्डप्रेसमध्ये रेंडर-अवरोध स्त्रोत काढून टाकण्यासाठी, JetPack सारखे प्लगइन स्थापित करणे आवश्यक आहे.
नंतर, पर्यायांवर जा, ज्यासाठी आपण प्रशासक असणे आवश्यक आहे आणि जेटपॅक पर्याय> लेखन> कार्यप्रदर्शन आणि गती> जा तपासा> साइट एक्सीलरेटर सक्षम करा, प्रतिमा लोड वेळा वेगवान करा, स्थिर फाइल लोड वेळा वेग वाढवा आणि आळशी लोडिंग सक्षम करा प्रतिमा.
मास्टर वेबसाइट निर्मिती: आता नोंदणी करा!
आमच्या सर्वसमावेशक वेबसाइट क्रिएशन कोर्ससह आपल्या डिजिटल उपस्थितीचे रूपांतर करा - आज वेब तज्ञ होण्याचा आपला प्रवास सुरू करा!
येथे नोंदणी कराहे जेटपेकला आपल्या प्रतिमांचे ऑप्टिमाइझ करण्यास परवानगी देऊन वर्डप्रेसमध्ये रेंडर-अवरुद्ध करणारी साधने आणि वेगवान पृष्ठे लोड करेल आणि सर्व्हरच्या जागतिक नेटवर्कमधून आपल्या प्रतिमा आणि स्थिर फायली (जसे सीएसएस आणि जावास्क्रिप्ट) सर्व्ह करेल.
वर्डप्रेसवर रेंडर-अवरुद्ध करणारे जावास्क्रिप्ट आणि CSS कसे हटवायचेतसेच, आळशी लोड फंक्शन वापरून लोड केलेल्या प्रतिमा ऑफ-स्क्रीन थांबविणे विसरू नका. ते कठीण होते आणि बाह्य लायब्ररी लोडिंग प्रतिमा ऑफ-स्क्रीन लोड करणे आवश्यक आहे, ते आता HTML5 मध्ये संभाव्यतः शक्य आहे!
आपल्या वेबसाइटवर प्रतिमा आळशी लोड करणे अंमलबजावणी करण्यासाठी, आपल्या वेबसाइट प्रतिमा लोड करणे गुणधर्मांकडे फक्त मूल्य आळशी जोडा आणि अलीकडील ब्राउझरला समजेल की या प्रतिमांना केवळ विनंती आणि लोड केले जातील, याचा अर्थ वापरकर्त्याने खाली स्क्रोल केले असल्यास प्रतिमा प्लेहोल्डर्स.
<img src=”SRC” alt=”ALT” loading=”lazy”></img>
आळशी लोडिंग - वेब कामगिरी - मोझीला विकासक नेटवर्कत्या शीर्षस्थानी, आळशी लोडिंग देखील iframes सह कार्य करते आणि आपल्या वेबपृष्ठावरून रेंडर-ब्लॉकिंग संसाधने नष्ट करण्यासाठी एक महत्त्वपूर्ण अंमलबजावणी आहे.
एकदा प्रस्तुतीकरण अवरोध संसाधनांना मुख्य सामग्रीनंतर लोड करण्याची सूचना असतील, याचा अर्थ एचटीएमएल डोम, आपण आधीच Google लाइटहाऊस चाचणी, पृष्ठ गतीमान अंतर्दृष्टी चाचणी, किंवा Google कोर वेब viTs वर बरेच पॉइंट कमवाल.
आपल्यासाठी आपल्या वेबसाइटला बाह्य प्रणाली अनुकूलित करा
आपणास माहित आहे काय की आपल्या साइटवरुन बरेच प्रयत्न न करता आपल्या वतीने सर्व Google पेजस्पेड समस्या सोडविल्या जाऊ शकतात - विनामूल्य चाचणीसाठी नोंदणी करून आणि आपला डीएनएस बदलण्याशिवाय?
इझोइक प्लॅटफॉर्म साइट स्पीड प्रवेगक तंत्रज्ञानाचा वापर करून, सर्व सामान्य Google पृष्ठस्पीड समस्या त्यांच्या सिस्टमद्वारे सोडवल्या जातील, जे आपल्या वेबसाइट आणि अभ्यागत यांच्यात मध्यस्थ असतील. आपल्या अभ्यागतास ते प्रदर्शित करण्यापूर्वी ते आपल्यासाठी ते वेबपृष्ठ ऑप्टिमाइझ करतील.
इझोइक प्लॅटफॉर्मवर फक्त विनामूल्य चाचणीसाठी नोंदणी करून हिरवे बनून स्वत: चा प्रयत्न करून पहा - ते आपल्या वेबसाइटला काही दिवसात पृष्ठ गती ऑप्टिमायझेशनच्या सर्वोच्च गुणवत्तेवर पोहोचवतील: न वापरलेली सीएसएस काढून सीएसएस आणि जावास्क्रिप्ट ऑप्टिमाइझ करा. आणि जे.एस., आळशी लोड प्रतिमा, प्रतिमेचे आकार बदलणे, आपल्या साइटची पृष्ठे कॅशे करणे, फॉन्ट्स ऑप्टिमाइझ करणे, आपल्या समाविष्ट असलेल्या सर्व साइटवर प्री-कनेक्ट करणे आणि बरेच काही.
कोणतेही क्रेडिट कार्ड आवश्यक नाही - आपल्याला फक्त विनामूल्य नोंदणी करणे आणि प्रयत्न करून पहायचे आहे. तसेच, जर आपली वेबसाइट आपली जाहिराती अधिक वेगवान बनवण्यावर प्रदर्शन जाहिरातींमधून पैसे कमवत असेल तर, मशीन अॅशिंग आणि प्रगत कृत्रिम इंटेलिजन्सीद्वारे आपली जाहिराती अनुकूलित करून आपण Google अॅडसेन्सबरोबर केलेल्या कमाईपेक्षा आपल्याला कित्येक पटीने पैसे कमवू शकतात.
वारंवार विचारले जाणारे प्रश्न
- वरील-पट सामग्रीमध्ये रेंडर-ब्लॉकिंग जावास्क्रिप्ट आणि सीएसएस कसे दूर करावे?
- वरील-पट सामग्रीसाठी रेंडर-ब्लॉकिंग जावास्क्रिप्ट आणि सीएसएस दूर करण्यासाठी, आपण आपल्या साइटच्या जेएस आणि सीएसएस फायली एचटीएमएल पूर्ण लोड झाल्यानंतर लोड केल्या आहेत याची खात्री करुन घ्यावी. याचा अर्थ या फायली डाउनलोड करण्यासाठी HTML लोडिंग प्रक्रियेस विराम देत नाही. आपण जावास्क्रिप्ट फायली एसिंक किंवा अट्रिब्यूटसह पुढे ढकलू शकता आणि सीएसएससाठी आपण एचटीएमएल नंतर लोड करण्यासाठी विशिष्ट कोड वापरू शकता. * इझोइक * सारखी बाह्य ऑप्टिमायझेशन सिस्टम देखील हे आपोआप हाताळू शकते.
- रेंडर-ब्लॉकिंग जावास्क्रिप्ट आणि सीएसएस दूर करण्यासाठी वेब विकसक Google पेजस्पीडच्या शिफारशीला कसे संबोधित करू शकतात?
- वेब विकसक जावास्क्रिप्ट आणि सीएसएस फाइल्सचे सूक्ष्मकरण करून, जावास्क्रिप्टसाठी एसिन्क्रोनस लोडिंगचा वापर करून, गंभीर सीएसएस थेट एचटीएमएलमध्ये इनलाइन करून आणि नॉन-क्रिटिकल सीएसएस आणि जावास्क्रिप्ट फायली लोड करण्यास पुढे ढकलून त्यांची साइट ऑप्टिमाइझ करू शकतात. या धोरणांची अंमलबजावणी केल्यास लोडिंग वेळा आणि पेजस्पीड स्कोअरमध्ये लक्षणीय सुधारणा होऊ शकते.
परिपूर्ण Chrome लाइटहाउस स्कोर: काय होते?
योअन बिअरलिंग एक वेब पब्लिशिंग आणि डिजिटल कन्सल्टिंग व्यावसायिक आहे, जे तंत्रज्ञानामध्ये कौशल्य आणि नाविन्यपूर्णतेद्वारे जागतिक प्रभाव पाडते. व्यक्ती आणि संस्थांना डिजिटल युगात भरभराट होण्यास सक्षम बनविण्याबद्दल उत्साही, त्याला शैक्षणिक सामग्री निर्मितीद्वारे अपवादात्मक परिणाम आणि वाढीस चालना देण्यासाठी चालविले जाते.
मास्टर वेबसाइट निर्मिती: आता नोंदणी करा!
आमच्या सर्वसमावेशक वेबसाइट क्रिएशन कोर्ससह आपल्या डिजिटल उपस्थितीचे रूपांतर करा - आज वेब तज्ञ होण्याचा आपला प्रवास सुरू करा!
येथे नोंदणी करा