कसरी हामी हाम्रो पृष्ठ लोड समयलाई १० सेकेन्डमा काट्छौं

गति र सामाजिक केवल सँगै मिलेर काम गरेको जस्तो देखिदैन जब यो एक महान वेबसाइटको लागि आउँदछ। हामीले हाम्रो साइटमा सरेका छौं Flywheel (सम्बद्ध लिंक) र यसले हाम्रो साइटको प्रदर्शन र स्थिरतालाई व्यापक रूपमा सुधार गर्‍यो। तर हाम्रो साइट डिजाइन - फ्याट फुटरको साथ जसले फेसबुक, ट्विटर, यूट्यूब र हाम्रो पोडकास्टमा हाम्रो सामाजिक गतिविधि प्रमोट गर्‍यो - हाम्रो साइटलाई क्रलमा ढिला बनायो।

यो नराम्रो थियो। जब एक उत्तम पृष्ठ २ सेकेन्ड वा कममा लोड हुन्छ, हाम्रो साइटले पृष्ठ समाप्त हुनको लागि १० सेकेन्ड लिइरहेको थियो। समस्या वर्डप्रेस वा फ्लाईव्हील थिएन, समस्या सबै अन्तर्क्रियात्मक तत्वहरू हुन् जुन हामीले अन्य सेवाहरूबाट लोड गरेका थियौं ... फेसबुक र ट्विटर विजेटहरू, यूट्यूब पूर्वावलोकन छविहरू, हाम्रो पोडकास्ट अनुप्रयोग, म केवल तिनीहरू कत्तिको ढिलो लोड भएको नियन्त्रण गर्न सक्दिन। अहिले सम्म।

तपाईले याद गर्नुहुनेछ कि हाम्रो पृष्ठहरू २ सेकेन्डमा लोड हुन्छन्। हामीले यो कसरी गर्यौं? हामीले हाम्रो फुटरमा एक गतिशील खण्ड थप्यौं जुन केवल त्यसबेला लोड हुन्छ जब प्रयोगकर्ता त्यस बिन्दुमा सबै मार्गहरूमा स्क्रोल गर्दछ। ब्राउजरमा हाम्रो पृष्ठको तल सबै मार्ग स्क्रोल गर्नुहोस् (मोबाइल, अनुप्रयोग वा ट्याब्लेट होईन) र तपाईंले लोडि image छवि लिनु भएको देख्नुहुनेछ:

लोड

JQuery प्रयोग गर्दै हामी वास्तवमा पृष्ठको आधार लोड गर्दैनौं जबसम्म कोही त्यहाँ स्क्रोल गर्दैन। कोड वास्तव मा एकदम सरल छ:

$ (विन्डो)। स्क्रोल (प्रकार्य () {यदि (jQuery (कागजात)। height () == jQuery (विन्डोज) .scrolTop () + jQuery (विन्डो)। height ()) {यदि ("(" # प्लेसटोलियाड ") ) टेक्स्ट () लम्बाई <२००) {$ ("# पूरक")। लोड ('[लोड गर्न पृष्ठको पूर्ण मार्ग]');}}});

एकचोटि प्रयोगकर्ताले पृष्ठको आधारमा स्क्रोल गर्दा, jQuery जानुहोस् निर्दिष्ट मार्गको पृष्ठ सामग्रीहरू निकाल्छ र तिनीहरूलाई तपाईंले चयन गर्नुभएको Div भित्र लोड गर्दछ।

जबकि साइटले त्यहाँ लोड भैरहेको सामग्रीबाट फाइदा लिदैन (किनकि सर्च इञ्जिनले यसलाई क्रल गरिरहेको छैन), हामी विश्वस्त छौं कि पृष्ठको गतिले हाम्रो र ranking्किंग, साझेदारी र सment्लग्नताको लागि कसैको भन्दा धेरै बढी सहयोग पुर्‍याउँछ। धैर्यतापूर्वक हाम्रो पृष्ठको लागि प्रतीक्षा गर्नुहोस् अत्यन्तै ढिलो लोड भयो। सबै भन्दा राम्रो, पृष्ठ अझै पनी हामी सबै आगन्तुकहरु संग संलग्न गर्न चाहने सबै तत्वहरू छन् ... पृष्ठ गति त्यागेर।

हामीले अझै केहि कार्यहरू पाएका छौं ... तर हामी त्यहाँ पुग्दै छौं!

तिम्रो के बिचार छ?

यो साइट स्प्याम कम गर्न Akismet को उपयोग गर्दछ। जान्नुहोस् कि तपाईंको डेटा कसरी संसाधित छ.