वर्डप्रेस गुटेनबर्ग बेहतर साइट प्रदर्शन

वर्डप्रेस कैशिंग प्लगइन प्रकाशक WP रॉकेट ने अपनी साइट को गुटेनबर्ग और बेहतर साइट प्रदर्शन के साथ बदल दिया। उन्होंने पाया कि गुटेनबर्ग आश्चर्यजनक रूप से हल्का कोड लिखते हैं लेकिन साझा करते हैं कि कुछ चीजों को देखना है।

पेजस्पीड इनसाइट्स स्कोर का स्क्रीनशॉट

100 में से 97 की पृष्ठ गति प्रदर्शन स्कोर का स्क्रीनशॉट

गुटेनबर्ग में संपादन आसान है

गुटेनबर्ग के लिए लक्ष्य लगातार एक संपादन इंटरफ़ेस बनाना रहा है जो वेबसाइटों को प्रकाशित करने के लिए सभी कौशल स्तरों के प्रकाशकों के लिए आसान बना देगा।

विज्ञापन

नीचे पढ़ना जारी रखें

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

के मुताबिक आधिकारिक वर्डप्रेस गुटेनबर्ग पृष्ठ:

“एक विशेषज्ञ डेवलपर होने के बिना, आप अपने स्वयं के कस्टम पोस्ट और पेज बना सकते हैं।”

वर्डप्रेस डेवलपर पेज गुटेनबर्ग दृष्टि की रूपरेखा इस प्रकार सं:

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

संपादक “ब्लॉक” नामक एक अवधारणा का उपयोग करता है जिसे कस्टम लेआउट बनाने के लिए व्यवस्थित किया जा सकता है।

सामग्री पर ध्यान केंद्रित करने के लिए किसी को भी आसान बनाने पर यह ध्यान केंद्रित करता है कि WP रॉकेट पर मार्केटिंग टीम ने नए इंटरफ़ेस की तुरंत सराहना क्यों की।

WP रॉकेट के अनुसार:

“क्लासिक एडिटर से गुटेनबर्ग में स्विच करना मार्केटिंग टीम के लिए सरल रहा है। क्या अधिक है, हमने कुछ सुविधाओं का आनंद लेना शुरू कर दिया है जो हमारे काम को आसान और तेज कर देते हैं। ”

विज्ञापन

नीचे पढ़ना जारी रखें

होम पेज का स्क्रीनशॉट पेजस्पीड इनसाइट स्कोर

100 में से 98 की पेज स्पीड परफॉर्मेंस स्कोर का स्क्रीनशॉट

Gutenberg बेहतर प्रदर्शन के साथ बिल्डिंग

डब्ल्यूपी रॉकेट की रिपोर्ट है कि गुटेनबर्ग के साथ एक साइट बनाने के परिणामस्वरूप एक तेज़ और बेहतर प्रदर्शन करने वाली वेबसाइट थी।

Gutenberg के साथ बनाए गए WP रॉकेट के पृष्ठों को असाधारण रूप से प्रदर्शित करने के दो कारण थे:

  1. हल्का HTML (बिल्ट-इन गुटेनबर्ग)
  2. सीएसएस और जावास्क्रिप्ट पर मांगगुटेनबर्ग सुविधा नहीं)

लाइटर एचटीएमएल कोड गुटेनबर्ग के लिए बॉक्स सुविधा से बाहर है।

नीचे की ओर, अनावश्यक सीएसएस की लोडिंग भी गुटेनबर्ग की एक बेक्ड-इन सुविधा है। उसकी वजह से, WP रॉकेट ने सीएसएस की मांग को स्वचालित करने के लिए एक वर्कअराउंड बनाया।

गुटेनबर्ग को सभी सीएसएस को लोड करने के लिए डिज़ाइन किया गया है जो हर स्टाइल ब्लॉक के लिए आवश्यक है। इसलिए पहली चुनौती यह थी कि जावास्क्रिप्ट और सीएसएस को स्वचालित रूप से लोड करने का एक तरीका बनाया जाए और केवल जब जरूरत हो।

गुटेनबर्ग आश्चर्यजनक रूप से मजबूत है

सच कहूँ तो, मैं थोड़ा चकित था कि WP रॉकेट गुटेनबर्ग पर ऑल-इन चला गया। मेरे आश्चर्य का कारण यह था कि गुटेनबर्ग पूरी तरह से समाप्त नहीं हुआ है।

पूरी साइट संपादन का अनुभव जून 2021 तक रोल आउट होने के कारण नहीं है। फिर भी डब्ल्यूपी रॉकेट ने पाया कि गुटेनबर्ग के साथ अपनी पूरी वेबसाइट को फिर से डिज़ाइन करना सही विकल्प था।

मैंने WP रॉकेट टीम को अपना अनुभव साझा करने के लिए कहा।

WP रॉकेट के साथ साक्षात्कार

गुटेनबर्ग WP रॉकेट

क्या विकास टीम को चुनौतियों का सामना करना पड़ा और उनसे निपटने के लिए काम के साथ आना पड़ा?

विज्ञापन

नीचे पढ़ना जारी रखें

“हाँ!

सबसे पहले, हमारे पास गुटेनबर्ग कस्टम ब्लॉक के साथ शून्य विकास का अनुभव था, और इस विषय पर हमने जो कुछ भी पढ़ा वह पहले बहुत ही हतोत्साहित करने वाला था।

कहने की जरूरत नहीं है, सीखने की अवस्था काफी खड़ी थी।

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

सभी पृष्ठों पर अप्रयुक्त सीएसएस लोड होने के बाद से यह एक समस्या थी (और यह “अप्रयुक्त सीएसएस संसाधनों को हटाना” पेजस्पीड इनसाइट्स अनुशंसा का पालन नहीं करता है)।

हमारे मामले में, हमने कई ब्लॉकों को हटा दिया, जिनका उपयोग नहीं किया गया था। हमने CSS & JS लोड होने वाले ब्लॉक को केवल जरूरत पड़ने पर कस्टम एनक्यू सिस्टम बनाया। इस प्रणाली को विकसित करने में हमें कुछ ही मिनट लगे।

हमने गुटेनबर्ग सीएसएस फ़ाइल का उपयोग नहीं करने का भी निर्णय लिया। इसके बजाय, हमने सीएसएस को “माइग्रेट” किया जिसे हमें वास्तव में अपनी शैली की शीट में समर्पित सीएसएस फ़ाइल में आवश्यक था। यही चाल चली। ”

विज्ञापन

नीचे पढ़ना जारी रखें

क्या गुटेनबर्ग को ऐसा लगता है कि यह उत्पादन स्थलों के लिए पूर्ण और तैयार है?

“ठीक है, हम गुटेनबर्ग (बार हेडर और पाद लेख) के साथ हमारी साइट बनाने में कामयाब रहे। मुझे लगता है कि गुटेनबर्ग कैसे विकसित हुआ है और इसकी तत्परता के बारे में कुछ कहता है।

साथ जून 2021 में फुल साइट एडिटिंग की योजना, मेरा मानना ​​है कि एक में गुटेनबर्ग ब्लॉक का उपयोग करके साइट के सभी तत्वों को संपादित करने की क्षमता होगी। “

क्या इसका उपयोग करने के लिए सीखने की अवस्था थी?

“पूर्ण रूप से। और मुझे लगता है कि यह विशेष रूप से उन लोगों के लिए मामला होगा जो पृष्ठ बिल्डरों को दृश्य करते थे।

उस ने कहा, हम वास्तव में आश्चर्यचकित थे कि वास्तव में गुटेनबर्ग कैसा है। बैक-एंड फ्रंट-एंड का एक बेहतरीन पूर्वावलोकन देता है जिसका अर्थ है कि गैर-तकनीकी लोगों के लिए भी – अपने आप को एक पृष्ठ में कुछ बदलाव करना या स्क्रैच से नए पेज बनाना आसान है। “

अब आपके अनुभव से प्राप्त ज्ञान के साथ, गुटेनबर्ग के लिए एक स्विच करने पर विचार करने वालों के लिए आपके पास क्या सलाह है?

“इसका लाभ उठाएं!

हमारे दो मुख्य takeaways निम्नलिखित थे:

विज्ञापन

नीचे पढ़ना जारी रखें

  1. मन में गुटेनबर्ग के साथ अपने नए वेब डिज़ाइन पर काम करना शुरू करें। यह आपको बहुत समय बचाएगा, और आप अधिक कुशल होने का अंत करेंगे। (यह ऐसा कुछ नहीं है जो हमने किया था क्योंकि हमने संपादक के बारे में अपना मन बनाए बिना डिजाइन शुरू किया था …)
  2. ध्यान से विचार करें कि आपको अपने व्यवसाय के अनुसार कितने ब्लॉक चाहिए। इस बारे में सोचें कि क्या उन सभी को कस्टम होना है या नहीं। गुटेनबर्ग का उपयोग करते समय ब्लॉक वास्तविक अंतर बनाते हैं। (हम 20 से अधिक कस्टम ब्लॉकों के साथ आए हैं जो औसत से बहुत दूर है। आपको बस एक जोड़े की आवश्यकता हो सकती है)।

गुटेनबर्ग पर स्विच करने से पहले सोचने के लिए शीर्ष विचार क्या हैं?

“गुटेनबर्ग हर किसी के लिए जरूरी नहीं है।

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

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

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

उस ने कहा, गुटेनबर्ग वास्तव में वर्डप्रेस के दिल में है और, हर दिन, योगदानकर्ता इसे सुधारने के लिए काम करते हैं।

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

हम मानते हैं कि गुटेनबर्ग वर्डप्रेस का भविष्य है, साथ ही यह मुफ़्त और खुला-स्रोत है। ”

विज्ञापन

नीचे पढ़ना जारी रखें

गुटेनबर्ग पर स्विच करने के बारे में दो बार किस तरह के प्रकाशकों को सोचना चाहिए?

“यह हमारे ब्लॉग पोस्ट में उल्लेखित कुछ है:

यदि आप एक फ्रीलांसर हैं या एक छोटी सी कंपनी चलाते हैं, तो आप अभी भी एक पेज बिल्डर के साथ ठीक हो सकते हैं, जिसे किसी भी डेवलपर की मदद या अतिरिक्त लागत की आवश्यकता नहीं है।

यदि आप एक बड़ी कंपनी चलाते हैं और एक विशिष्ट विकास की आवश्यकता है – तो हाँ, गुटेनबर्ग आपके लिए सही समाधान है, जिसमें कोई और संकोच नहीं है। “

वर्डप्रेस गुटेनबर्ग भविष्य है

WP रॉकेट एक वैध बिंदु बनाता है जब वे कहते हैं कि गुटेनबर्ग भविष्य है। लक्ष्य प्रकाशकों को कोड पर कम और सामग्री पर अधिक ध्यान केंद्रित करने की अनुमति देता है। गुटेनबर्ग पूर्ण साइट संपादन वर्तमान में जून 2021 में शुरू होने वाला है।

WP रॉकेट के लिए धन्यवाद, टीम के लिए एक लेने के लिए, हम अब जानते हैं कि Gutenberg वास्तव में एक होनहार संपादन उपयोगकर्ता इंटरफ़ेस है और साइट के प्रदर्शन को बेहतर बनाने में मदद कर सकता है।

प्रशस्ति पत्र

Gutenberg का उपयोग करके अपनी वेबसाइट को फिर से डिज़ाइन करने के बारे में WP रॉकेट लेख पढ़ें:

विज्ञापन

नीचे पढ़ना जारी रखें

क्यों WP रॉकेट Chose Gutenberg और प्रदर्शन में सुधार कैसे हुआ

Related Posts

Leave a Reply

Your email address will not be published. Required fields are marked *