हम गतिशील साइटों की वर्तमान लोकप्रियता को समझने के लिए इंटरनेट के शुरुआती वर्षों में बदल जाएंगे। फिर हम प्रदर्शन, संपादन गति और खोज इंजन अनुकूलन के संदर्भ में स्थिर साइटों के लाभों को देखेंगे।

सबसे पहले स्थैतिक था।

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

दोनों सामाजिक नेटवर्क हैं, लेकिन माइस्पेस पर एक पेज बनाने के लिए HTML और सीएसएस की बुनियादी समझ की आवश्यकता होती है। अंत में, साइट 2003 में खुली। दूसरी ओर, फेसबुक का उपयोग करने में आसान इंटरफ़ेस ने दो बिलियन से अधिक उपयोगकर्ताओं तक अपनी पहुंच बढ़ाने में मदद की है।

माइस्पेस / फेसबुक का विरोध इंटरनेट पर तनाव का महत्वपूर्ण बिंदु है: जिस सामग्री का हम संपादन कर रहे हैं, उसके साथ कैसे बातचीत करें? दो मुख्य तरीके हैं।

1. WYSIWYG ( जैसा कि आप देखते हैं कि आपको क्या मिलता है) - जैसा कि नाम से ही स्पष्ट है, इस प्रतिमान में संपादक को अंतिम प्रतिपादन को यथासंभव सटीक दिखाने के लिए लक्ष्य है। इस दृष्टिकोण के पहले समर्थकों में से एक वर्डप्रेस था, अन्य बाद में शामिल हो गए। TinyMCE- आधारित मध्यम ऑनलाइन संपादक (नीचे दिखाया गया है) को इंटरनेट पर सबसे अच्छे WYSIWYG संपादकों में से एक माना जाता है।
   
   
   मध्यम संपादक पूर्वावलोकन
   
2. दक्षता पहले आती है । शुरुआती WYSIWYG संपादकों की तरह, लेकिन आमतौर पर वे कार्यक्षमता या असुविधाजनक में सीमित हैं। अंततः, कुछ वाक्यविन्यास जोड़ने से जटिलता बढ़ जाती है, लेकिन यह सामग्री के अंतिम प्रतिपादन पर बेहतर नियंत्रण की अनुमति देता है। इसके अलावा, प्रारूपण अभी भी एक विशिष्ट सिंटैक्स (HTML, CSS, Markdown ...) का उपयोग करके किया जाता है, इसलिए यह उपयोग किए गए संपादक पर निर्भर नहीं करता है।

सनराइज वर्डप्रेस

वर्डप्रेस ने इंटरनेट पर तेजी से कब्जा कर लिया है: वर्तमान में इसका लगभग 60% सीएमएस बाजार में है । यह इतना व्यापक है कि इसे एक वैश्विक वेब प्लेटफॉर्म के रूप में माना जा सकता है: इंटरनेट उपयोग वर्डप्रेस पर सभी साइटों के एक तिहाई के बारे में ।

सफलता का मतलब प्रासंगिकता नहीं है। वास्तव में, अनुभवी उपयोगकर्ता विभिन्न कारणों से वर्डप्रेस छोड़ देते हैं:

• संपादन : WP के साथ काम करना, यहां तक ​​कि नए गुटेनबर्ग के साथ, एक वास्तविक पीड़ा है। संपादक धीमा, अजीब है और भ्रमित तर्क के साथ आता है। सामग्री को प्रारूपित और संपादित करने की कोशिश करना समय की बर्बादी है और विकल्प की तलाश है। इसके अलावा, यह डिफ़ॉल्ट रूप से किसी भी "स्मार्ट सुविधाओं" का समर्थन नहीं करता है, जैसे कि फ़ुटनोट्स या टेबल। उन्हें एक बेतुके जटिल वर्कफ़्लो या किसी अन्य प्लगइन की आवश्यकता होती है।
  
• सुरक्षा : अपनी सफलता के कारण, वर्डप्रेस हैकर्स का मुख्य लक्ष्य बन गया है। किसी भी बड़े WP साइट को विभिन्न प्रकार के हमलों को संभालने के लिए अतिरिक्त सुरक्षा उपायों (प्लगइन्स?) को लागू करना चाहिए। इसके अलावा, वर्डप्रेस PHP के सभी संस्करणों का समर्थन करता है 5.2.4 (12 साल पहले जारी) से 7.2 तक। सभी प्लगइन्स और थीम जोड़ें और आपको हमलों की एक अंतहीन सूची मिलती है। यहाँ सबसे आम का अवलोकन है ।
  
• प्रदर्शन : बॉक्स से बाहर, वर्डप्रेस का भयानक प्रदर्शन है। कुछ प्लगइन्स (कैश, सीडीएन ...) और अन्य सेटिंग्स के साथ, आप इसे गति दे सकते हैं - लेकिन क्या आप ऐसा करना चाहते हैं? अनुकूलन प्रयासों को कम करने के लिए वेब फ्रेमवर्क की बात नहीं है?
  
• प्लगइन ब्लोट : वर्डप्रेस द्वारा आवश्यक सभी प्लगइन्स के कारण , यह अंततः साइट को धीमा कर देता है और सुरक्षा को कम करता है। WP के एक नए इंस्टॉलेशन के लिए 5-10 प्लगइन्स को काम करने और "ऑप्टिमाइज़ेशन" के लिए 10-15 प्लगइन्स की आवश्यकता होती है : कैशिंग / मिनिफिकेशन, CDN, इमेज कम्प्रेशन, SEO (YoastSEO, RankMath), रीडायरेक्ट, सिक्योरिटी, एंटी-स्पैम कमेंट्स, फॉर्मेटिंग (कोड सिंटैक्स,) बाहरी लिंक, आदि)। किसी भी अतिरिक्त फ़ंक्शन को अन्य प्लगइन की स्थापना की आवश्यकता होती है: बहुभाषीवाद, सोशल नेटवर्क बटन, मार्कडाउन आयात, फ़ुटनोट्स, कंटेंट जेनरेशन, कारमेल ...

चलो इसे स्थिर बनाते हैं!

2003 में जब वर्डप्रेस बाहर आया, तो उसका कोई प्रतियोगी नहीं था। लेकिन वह 15 साल पहले था। बाद में, प्रारूपण ग्रंथों के साथ-साथ प्रकाशन और प्रतिपादन के लिए दिलचस्प उपकरण और रूपरेखाएं दिखाई दीं। विकास समानांतर में चला गया, एक स्थिर वेब के लिए मार्ग प्रशस्त हुआ।

आइए संपादन से शुरू करें और मार्कडाउन पर ध्यान केंद्रित करें।

सनराइज मार्कडाउन

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

नई हल्के मार्कअप भाषाएं, जैसे कि मार्कडाउन, संपादन सामग्री के लिए एक विश्वसनीय विकल्प प्रदान करती हैं। वे गैर-तकनीकी उपयोगकर्ताओं के लिए भी उपयुक्त हैं। यह धोखा पत्र का अध्ययन करने के लिए एक घंटे बिताने के लिए पर्याप्त है - और आप ग्रंथों को लगभग शून्य करने के लिए समय कम कर देंगे।

वास्तव में, मार्कडाउन काफी सरल है, सीखने के लिए त्वरित और अविश्वसनीय रूप से शक्तिशाली है। मार्कडाउन और कुछ कीबोर्ड शॉर्टकट का उपयोग करके, एक लेखक एक ही समय में अपनी सामग्री को लिख और प्रारूपित कर सकता है। Markdown कई निर्यात विकल्प (HTML, PDF, LaTex, doc ...) भी प्रदान करता है और यह सुनिश्चित करता है कि स्वरूपण की परवाह किए बिना स्वरूपण संरक्षित है।

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


जैमस्टैक आर्किटेक्चर उदाहरण

संस्करण नियंत्रण न केवल प्रोग्रामर, बल्कि लेखकों द्वारा भी पसंद किया जाता है!

Git पर संस्करण नियंत्रण और विकास जल्दी से सॉफ्टवेयर की दुनिया में फैल गया - और अच्छे कारण के लिए। इससे संपूर्ण विकास प्रक्रिया की विश्वसनीयता और सुरक्षा बढ़ जाती है। इसके अलावा, उपयोगकर्ता अनुमतियाँ प्रबंधन प्रणाली, शाखा तर्क और पूर्ण फ़ाइल इतिहास तक पहुंच, साथ ही संस्करणों के बीच फ़ाइलों की तुलना करने की क्षमता गलत परिवर्तनों से बचने या उन्हें ठीक करने के लिए अविश्वसनीय रूप से उपयोगी विशेषताएं हैं।

जबकि डेवलपर्स को ये सभी फैंसी टूल मिले, लेखकों ने अभी भी WYSIWYG वर्डप्रेस संपादक में उन्हें कॉपी करने के लिए वर्ड में अपने लेखों को संपादित किया, और फिर प्रारूपण से लड़ना शुरू कर दिया। अच्छाइयों को साझा क्यों नहीं करते?

अंत में, विरोधाभासी रूप से, जीथब रिपॉजिटरी एक बहुत ही आकर्षक सीएमएस हैं:

• आसान पहुँच नियंत्रण । शाखा तर्क ग्रंथों के संपादन और प्रकाशन के लिए उपयुक्त है। उदाहरण के लिए, यदि आपको सामग्री के प्रकाशन को कड़ाई से नियंत्रित करने की आवश्यकता है, तो मुख्य शाखा में विलय करने का अधिकार केवल मुख्य संपादक को दिया जा सकता है।
  
• शाखाओं का तर्क । सीएमएस के रूप में रिपॉजिटरी का उपयोग करते समय, शाखाएं विभिन्न उद्देश्यों की सेवा कर सकती हैं। आप एक शाखा को मध्यवर्ती वातावरण के रूप में उपयोग कर सकते हैं ताकि लेखक अपनी मशीन पर सामग्री के अंतिम प्रतिपादन का मूल्यांकन कर सकें।
  
• फ़ाइल इतिहास । GitHub रिपॉजिटरी के साथ, आप संपूर्ण फ़ाइल इतिहास तक पहुंच प्राप्त करते हैं और आसानी से संस्करणों की तुलना करते हैं। यह सुविधाजनक है, खासकर यदि ब्लॉग में कई अलग-अलग लेखक हैं।
  
• कोई स्थापना की आवश्यकता है । रिपॉजिटरी को एक क्लिक से खोला जा सकता है। Netlify जैसी सेवा में, एक और क्लिक करें - और ब्लॉग ऑनलाइन है।

बोल्ड पेज ने दर्शकों को काट दिया

अब तक, हमने स्थैतिक वेबसाइटों के लाभों को बहुत व्यावहारिक तरीके से देखा है: प्रदर्शन या दक्षता में सुधार के संदर्भ में। चलो थोड़ा पीछे चलते हैं और बड़ी तस्वीर की सराहना करते हैं।

2017 तक अब औसत साइट का आकार 3 एमबी से अधिक हो गया है । लेकिन बहुत अधिक महत्वपूर्ण वेब पेज की संरचना को बदल रहा है । संदर्भ के लिए, यहां 2011 से मध्य पृष्ठ का विकास है:


एक औसत वेब पेज को प्रदर्शित करना। स्रोत: स्पीड मैटर्स

तुलना के लिए, हमारे ब्लॉग पर, मुख्य पृष्ठ का वजन 10 KB है, और औसत पृष्ठ (छवियों सहित) लगभग 400 KB है।

हमारे पास शायद आधुनिक लैपटॉप और स्मार्टफोन हैं, जिनकी पहुंच अच्छी है। उन लोगों के बारे में जो खराब इंटरनेट वाले देशों में रहते हैं? अधिकांश इंटरनेट में पाठ होता है: यह आसान होना चाहिए।

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

उपयोगकर्ताओं को याद रखें

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

अंततः, हम इस निष्कर्ष पर आते हैं: 2019 में एक अनावश्यक गतिशील वेबसाइट का निर्माण समाज के लिए हानिकारक है । इंटरनेट एक साझा संसाधन है। हम समुदायों की एक और त्रासदी से बचने की कोशिश क्यों नहीं करते, क्योंकि इसके लिए आपको सामान्य ज्ञान के अलावा कुछ नहीं चाहिए?

उपयोगकर्ता धीमी साइटों को छोड़ देते हैं

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

प्रभाव क्या है? एसईओ समुदाय में एक प्रसिद्ध व्यक्ति, नील पटेल ने इस विषय पर बहुत विस्तृत जानकारी दी । उनके अनुमानों के अनुसार, उपयोगकर्ताओं के 40% (मोबाइल उपकरणों पर 53%) पृष्ठ छोड़ देते हैं, जिसकी लोडिंग तीन सेकंड से अधिक है । इस प्रकार, एक बेतुकी स्थिति उत्पन्न होती है:

समाचार, प्रदर्शन और अन्य साइटें गतिशील रेंडरिंग के अनुचित विकल्प के कारण खराब प्रदर्शन के कारण दर्शकों का 40% तक खो देती हैं। यह आंकड़ा एसईओ में गिरावट के कारण खोज इंजन यातायात को शामिल नहीं करता है।

तो आइए वसा को हटाते हैं। इतनी सारी स्क्रिप्ट्स क्यों? क्या 2019 में सही छवि प्रसंस्करण (आकार बदलना, संपीड़न, लोडिंग ऑर्डर) को लागू करना वास्तव में इतना मुश्किल है?

"डायनामिक इंजन कैसे बना, जो लगातार एक ही स्थिर सामग्री को पुनर्जीवित करता है, इंटरनेट मानक बन गया है?" - फ्लोरेंट चौआउ

हम स्टैटिक्स पास करते हैं

हम आश्वस्त हैं कि जल्द ही स्थैतिक साइटें आम हो जाएंगी। उसी समय, एक स्थिर साइट आसानी से एक एसईओ गेम में एक फूला हुआ गतिशील प्रतियोगी को हरा देती है: यह खेलने का समय है!

हमारे ब्लॉग के लिए, हमने ह्यूगो फ्रेमवर्क को चुना, इसने सामग्री संपादन प्रक्रिया को कारगर बनाने और प्रभावशाली कार्बनिक खोज परिणामों को प्राप्त करने में मदद की:


खोज इंजन से संक्रमण (जैविक)

सौभाग्य से, 2008 में जेकिल के लॉन्च के बाद से, कई और स्थिर वेबसाइट जनरेटर और अन्य संबंधित सेवाएं मिली हैं।

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