आम्ही आमच्या पृष्ठ लोड वेळेस 10 सेकंदांनी कसे कट केले

जेव्हा एखादी चांगली वेबसाइट येते तेव्हा वेग आणि सामाजिक फक्त एकत्र कार्य करत असल्याचे दिसत नाही. आम्ही आमच्या साइटवर स्थलांतरित केले फ्लायव्हील (संबद्ध दुवा) आणि यामुळे आमच्या साइटची कार्यक्षमता आणि स्थिरता मोठ्या प्रमाणात सुधारली. परंतु आमच्या साइटची रचना - एक चरबी तळटीप असलेल्या फेसबुक, ट्विटर, यूट्यूब आणि आमच्या पॉडकास्टवर आमच्या सामाजिक क्रियाकलापांना प्रोत्साहन देते - आमच्या साइटला क्रॉलवर खाली आणले.

ते वाईट होते. एक उत्कृष्ट पृष्ठ 2 सेकंद किंवा त्यापेक्षा कमी वेळात लोड होत असताना, आमची साइट पृष्ठ पूर्ण होण्यास 10 सेकंद घेत आहे. समस्या वर्डप्रेस किंवा फ्लायव्हीलची नव्हती, समस्या इतर इंटरएक्टिव्ह घटकांची होती जी आम्ही इतर सेवांवरून लोड केली होती… फेसबुक आणि ट्विटर विजेट्स, यूट्यूब पूर्वावलोकन प्रतिमा, आमच्या पॉडकास्ट अनुप्रयोग, ते फक्त किती लोड होते यावर मी नियंत्रण ठेवू शकत नाही. आतापर्यंत.

आमची पृष्ठे सुमारे 2 सेकंदात लोड झाल्याचे आपल्याला आता लक्षात येईल. आम्ही ते कसे केले? आम्ही आमच्या फूटरमध्ये एक गतिशील विभाग जोडला आहे जेव्हा वापरकर्ता त्या बिंदूपर्यंत सर्व मार्ग स्क्रोल करतो तेव्हाच लोड होतो. ब्राउझरमध्ये आमच्या पृष्ठाच्या तळाशी सर्व मार्ग स्क्रोल करा (मोबाइल, अ‍ॅप किंवा टॅब्लेट नाही) आणि आपल्याला एक लोडिंग प्रतिमा ताब्यात घेताना दिसेल:

भार

JQuery वापरुन, कोणीही तिथे स्क्रोल करेपर्यंत आम्ही खरं पृष्ठाचा आधार लोड करत नाही. कोड प्रत्यक्षात अगदी सोपा आहे:

$ (विंडो). स्क्रोल (फंक्शन () {if (jQuery (दस्तऐवज). उंची () == jQuery (विंडो). स्क्रोलटॉप () + jQuery (विंडो) .हाइट ()) {if (place ("# प्लेसटोलॉड") ) .टेक्स्ट (). लांबी <200) {$ ("# पूरक"). लोड ('[लोड करण्यासाठी पृष्ठाचा संपूर्ण मार्ग]');}}});

एकदा वापरकर्त्याने पृष्ठाच्या तळाशी स्क्रोल केल्यावर, jQuery गो निर्दिष्ट केलेल्या पृष्ठाची सामग्री काढते आणि आपण निवडलेल्या डिव्हच्या आत लोड करते.

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

आम्हाला अजून काही काम करावे लागले आहे ... परंतु आम्ही तिथे येत आहोत!

तुला काय वाटत?

ही साइट स्पॅम कमी करण्यासाठी अकिस्मेट वापरते आपल्या टिप्पणी डेटावर प्रक्रिया कशी केली जाते ते जाणून घ्या.