मेन्यू बंद करे

WordPress पेज लोडिंग इमेज और एनीमेशन कैसे बनाये और विचार करे

लोड हो रहा है वर्डप्रेस पेज कैसे चित्र और एनिमेशन बनाने के लिए और 'स्थिति' शीर्षक वास्तव में महत्वपूर्ण है। मुझे यह उस व्यक्ति से कहना है जो अभी लोडिंग पेज को लागू करने के लिए आया है।

आधुनिक तेज़ इंटरनेट वातावरण में, यदि लोडिंग समय में औसतन 3 सेकंड से अधिक की देरी होती है, तो बड़ी संख्या में उपयोगकर्ता निकल जाएंगे। यह एक तरह की ट्रिक है जो आपको एक सहज निर्णय लेने की अनुमति देती है कि स्क्रीन लोड होने या लोड होने के बजाय लोडिंग इमेज और एनिमेशन बनाकर और ब्रेक न लगाकर एक यूजर 'जल्द ही पेज पर आने वाला है'।

इसलिए, इस पृष्ठ लोडर प्लगइन या कोडिंग के माध्यम से लोडिंग छवि या एनीमेशन बनाते समय विचार करने वाली पहली बात "क्या मेरी साइट लोडिंग छवि को लागू करने के लिए पर्याप्त धीमी है?" एक पृष्ठ लोड करने वाली छवि बहुत प्रभावी है (सांख्यिकीय रूप से, बाउंस दर लगभग 30% कम हो जाती है) यदि छवि मुख्यधारा है, तो उच्च-मात्रा वाला पृष्ठ है, या कई कारणों से धीमा या धीमा है, जैसे कई स्क्रिप्ट या धीमी होस्टिंग सर्वर। हालाँकि, यदि पृष्ठ लोड करने की गति पहले से ही लगभग 1 से 2 सेकंड के लिए पर्याप्त तेज़ है, और यदि आप अन्य कारणों के लिए छवि लोडिंग का उपयोग कर रहे हैं, जैसे डिज़ाइन या कांजी, तो आप दृढ़ता से हतोत्साहित होते हैं।

कारण यह है कि आपको एक लोडिंग छवि को लागू करना होगा, पृष्ठ को कवर करना होगा और फिर से गायब हो जाएगा, और अतिरिक्त लोडिंग और एनीमेशन समय होगा, जो लागू करने के लिए पर्याप्त नहीं होगा। इसलिए लोडिंग छवि बनाने से पहले निम्नलिखित चेकलिस्ट की जांच करें, और यदि आपको इसे लागू करने की आवश्यकता है, तो नीचे दिए गए प्लगइन्स को लागू करें।

  1. पृष्ठ लोड करने की गति धीमी है> अनुशंसा
  2. पृष्ठ लोड करने की गति तेज है>
  3. प्लगइन में केवल विशिष्ट पृष्ठ लोड करने वाले पृष्ठ को लागू करने का एक विकल्प है।
  4. पृष्ठ लोड करने की गति तेज़ है, यह बहुत धीमी और अस्पष्ट नहीं है।> थोड़ी देर के लिए संकोच न करें, लेकिन आप इसे सीधे लागू कर सकते हैं और व्यावहारिक अनुभव की गति और आराम का न्याय कर सकते हैं और इसका उपयोग कर सकते हैं।

    लोडिंग इमेज और एनीमेशन कैसे बनाये

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

इसलिए, यदि आपको कुछ प्लगइन्स इंस्टॉल करने की आवश्यकता है, तो आपको कभी भी 'प्रीलोडर द्वारा एसडब्ल्यूएस' स्थापित नहीं करना चाहिए, जो सबसे लोकप्रिय है। अगर आप इस कीवर्ड के लिए कोई प्लगइन खोजते हैं, तो ऐसा लगता है कि 'Preloader by WordPress Monsters' नाम के प्लगइन को परोसा जाना है। यदि आप इसे Google में खोजते हैं, तो यह 2 साल से अधिक लंबा होगा। प्लग-इन नहीं है।

GKKmon ने प्लगइन्स का परीक्षण और परीक्षण किया है 'Preloader' , 'लोड हो रहा है पृष्ठ लोड स्क्रीन के साथ' , 'LoftLoader' तीन थे।

    preloader

  • गति - धीमी से मध्यम
  • कार्य - सामान्य
  • सबसे पहले, पेज लोडर प्लगइन में जो विशेषताएं होनी चाहिए, वे मूल रूप से किसी भी तरह से सुसज्जित हैं। प्लग-इन विक्रेता का अपना है छवि निर्माण साइट लोड करने वाले पूर्व लोडर लाभ यह है कि विभिन्न लोडिंग छवियों को सीधे लाभ के माध्यम से बनाना और अनुकूलित करना आसान है (क्योंकि आप केवल यहां चित्र बना सकते हैं और अन्य प्लगइन्स का उपयोग कर सकते हैं ...)।

    सबसे बड़ा नुकसान 'स्पीड' की समस्या है। लोडिंग स्क्रीन को डाउनलोड करने, लोडिंग स्क्रीन को आउटपुट करने, लोड करने के बाद सामग्री का बैकअप लेने में काफी समय लगता है, और प्रक्रियाएं भी सुखद नहीं होती हैं। इसलिए, जब तक आपके पास इस प्लगइन का उपयोग करने का कोई कारण नहीं है, यह एक प्लगइन है जिसे आप अनुशंसा नहीं करते हैं। इसके अलावा, मूल रूप से, यह कुछ कार्यों के लिए कहा जाता है, लेकिन यह वास्तव में बुनियादी है। आप URL पर विशिष्ट पृष्ठ कॉन्फ़िगरेशन सेट नहीं कर सकते, और कोई अन्य प्रभाव या सुविधाएँ नहीं हैं। मैं कह सकता हूं कि यह सरल है अगर यह सरल है (लेकिन यह सरल है लेकिन तेज नहीं है?)।

    कृपया ध्यान दें कि प्लगइन को स्थापित और सक्रिय करना तुरंत काम नहीं करता है। सक्रियता के बाद <div id="wptime-plugin-preloader"></div> साइट नाम का कोड 'header.php' की <body> यह तभी काम करता है जब आप इसे अंदर रखते हैं।

      लोड हो रहा है स्क्रीन के साथ पेज लोड हो रहा है

  • गति - बहुत तेज
  • विशेषताएं - नवीनता, विविधता
  • मूल पृष्ठ लोडर के रूप में कार्य करने वाले प्लगइन्स का सबसे अच्छा! इसका कारण यह है कि यह तेज है। यह इस कारण से संबंधित प्रतीत होता है कि यह क्यों तेज हो रहा है, हालांकि यह सामग्री की अभिव्यक्ति में थोड़ा असंतोषजनक है जो लोडिंग के समय टकरा रहा है, लेकिन यह एक आकर्षक प्लग-इन है, क्योंकि यह 'प्रीलोडर' की तुलना में बहुत तेज है।

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

  • लोडिंग स्क्रीन सक्षम करें - लोडिंग स्क्रीन का उपयोग करें
  • क्लोज़ स्क्रीन बटन प्रदर्शित करें - लोडिंग स्क्रीन पर क्लोज़ बटन का उपयोग करना है या नहीं
  • विंडो ऑनलोड इवेंट में लोडिंग स्क्रीन को हटाएं - एक नई विंडो जैसे कि 'ऑनलोड' इवेंट को खोलते समय लोडिंग स्क्रीन का उपयोग करें
  • लोडिंग स्क्रीन प्रदर्शित करें - लोडिंग स्क्रीन क्षेत्र के आकार को पिक्सेल में समायोजित करता है
  • लोडिंग स्क्रीन प्रदर्शित करें - निर्धारित करता है कि लोडिंग स्क्रीन कितनी बार प्रदर्शित की गई है। 'हमेशा: हमेशा, एक बार प्रति सत्र: एक बार प्रति सत्र, एक बार प्रति पृष्ठ: एक बार प्रति पृष्ठ'
  • लोडिंग स्क्रीन प्रदर्शित करें - यह निर्धारित करता है कि लोडिंग स्क्रीन किस स्क्रीन से प्रदर्शित होती है। 'केवल मुखपृष्ठ: केवल मुखपृष्ठ स्क्रीन पर, सभी पृष्ठ: सभी स्क्रीन पर, विशिष्ट पृष्ठ: विशिष्ट पृष्ठों पर (पोस्ट या पृष्ठ आईडी अल्पविराम द्वारा अलग किए गए)
  • लोडिंग स्क्रीन को बाहर करें - केवल विशिष्ट स्क्रीन से लोडिंग स्क्रीन को हटाता है। इसी तरह, अल्पविराम से अलग किए गए पोस्ट या पेज आईडी दर्ज करें
  • लोडिंग स्क्रीन का चयन करें - चुनें कि आप लोडिंग छवि प्रदर्शित करना चाहते हैं, या केवल लोडिंग प्रतिशत बार।
  • लोगो छवि (या किसी अन्य छवि) का चयन करें - लोडिंग छवि का चयन करें। आप नीचे की ओर डिफ़ॉल्ट छवियों से चुन सकते हैं या खुद को सेट कर सकते हैं।
  • बैकग्राउंड कलर चुनें - बैकग्राउंड कलर चुनें। दाईं ओर 'पारदर्शिता लागू करें' इंगित करता है कि पारदर्शिता का चयन किया गया है या नहीं
  • फुलस्क्रीन में छवि प्रदर्शित करें - क्या छवि पूर्ण स्क्रीन में प्रदर्शित होती है। (कुछ वातावरण में दिखाई नहीं देता)
  • अग्रभूमि रंग का चयन करें - अग्रभूमि रंग का चयन करें
  • अतिरिक्त सेकंड - पृष्ठ लोड के बाद कितने अतिरिक्त सेकंड लोड करने के लिए सेट करें (डिफ़ॉल्ट 0 सेकंड है)
  • एक विज्ञापन, या कोड का अपना ब्लॉक शामिल करें। आप सचमुच विज्ञापन कोड या कोड जिसे आप लोडिंग स्क्रीन पर चाहते हैं, डाल सकते हैं। एक बहुत ही उपयोगी और मजेदार सुविधा।
  • पृष्ठ पर प्रभाव लागू करें। एक डिफ़ॉल्ट 'कोई नहीं' और एक 'रोटेलनएलटैफ़्ट' सुविधा है जहाँ पृष्ठ बाईं ओर से दिखाई देता है। ऐसा लगता है कि आप भुगतान किए गए संस्करण के अलावा कई प्रभावों का उपयोग कर सकते हैं।
  • लोडिंग प्रतिशत प्रदर्शित करें। आप लोडिंग बार को चालू और बंद कर सकते हैं।
  • नीचे की ओर आलसी लोडिंग फीचर एक ऐसी तकनीक है जो चित्रों को देर से लाकर गति देती है, जो कि पेड वर्जन में भी उपलब्ध है।
  • यह तेज है, और यद्यपि सीमित है, इसमें कई विशेषताएं उपलब्ध हैं और नवीनता है। सबसे दिलचस्प विशेषताओं में से एक "एक विज्ञापन शामिल करें, या कोड का अपना ब्लॉक" सुविधा है, जो लोडिंग स्क्रीन पर स्वतंत्र रूप से विज्ञापन और वाक्यांश लॉन्च करने में सक्षम होने के लिए आकर्षक बनाता है। तो यह अन्य उद्देश्यों के साथ-साथ छवियों को लोड करने के लिए भी उपलब्ध है।

      LoftLoader

  • गति - धीमी ~ सामान्य लेकिन इतनी चिकनी एनीमेशन
  • विशेषताएं - एनीमेशन प्रभावों पर ध्यान दें
  • अंत में, 'लॉफ्टलैडर' सबसे गतिशील लोडिंग एनीमेशन प्लगइन है। तथ्य यह है कि पेज लोडर अन्य पेज लोडर से अलग है, सुंदर, चिकनी और प्राकृतिक लोडिंग एनीमेशन पर केंद्रित है। सेटअप स्क्रीन को वर्डप्रेस 'कस्टम' स्क्रीन की तरह भी सेट किया जा सकता है।

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

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

      Finish

    आधुनिक फास्ट इंटरनेट वातावरण में, यदि 3 सेकंड से अधिक लोड करने का औसत समय देरी हो, तो अधिकांश उपयोगकर्ता छोड़ देंगे। क्योंकि लोडिंग इमेज और एनिमेशन उपयोगकर्ताओं को सहज ज्ञान युक्त निर्णय लेने में मदद करते हैं, जैसे कि देरी के समय 'स्क्रीन पॉप अप होगी', वे बोरियत और ब्रेक-आउट नहीं बनाते हैं, और औसत ट्रंकेशन दर एक सरल चाल के साथ 30% तक कम हो जाती है यह एक बड़ी विशेषता है। लेकिन, जैसा कि मैंने शुरुआत में कहा था, चलो इसे स्मार्ट और कुशल बनाने के लिए ध्यान रखें कि औसतन, जो साइटें गति में अच्छी हैं, बल्कि उन्हें जहर दिया जा सकता है।

    Related posts - 관련 글

    प्रातिक्रिया दे

    आपका ईमेल पता प्रकाशित नहीं किया जाएगा.

    Posted in All, वर्डप्रेस - Wordpress

    이메일 구독 - Email Subs

    최선을 다해 직접 만든 콘텐츠만 공유합니다.
    We share the best content we have created.