हम अपने पेज लोड समय को 10 सेकंड तक कैसे काटते हैं

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

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

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

भार

JQuery का उपयोग करते हुए, हम वास्तव में पृष्ठ के आधार को तब तक लोड नहीं करते हैं जब तक कि कोई वहां स्क्रॉल न करे। कोड वास्तव में काफी सरल है:

INR ) .टेक्स्ट ()। लंबाई <200) {$ ("# पूरक")। लोड ('[लोड करने के लिए पेज का पूरा रास्ता)');}}}});

एक बार जब उपयोगकर्ता पृष्ठ के आधार पर स्क्रॉल करता है, jQuery के निर्दिष्ट पथ के पृष्ठ सामग्री को निकालता है और आपके द्वारा चुने गए div के भीतर लोड करता है।

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

हमें अभी भी कुछ काम करना है ... लेकिन हम वहाँ पहुँच रहे हैं!

तुम्हें क्या लगता है?

यह साइट स्पैम को कम करने के लिए अकिस्मेट का उपयोग करती है। जानें कि आपका डेटा कैसे संसाधित किया जाता है.