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

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

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

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

भार

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

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

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

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

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

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

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