साइड-स्क्रॉलिंग वेबसाइट लोड को जल्दी से बनाने का सबसे अच्छा तरीका क्या है?

Question

मैं स्टैक-ओवरफ्लो और प्रोग्रामिंग के लिए नया हूं इसलिए मुझे किसी भी अजीब वाक्यांश के लिए क्षमा करें!

मैं एक साइड-स्क्रॉलिंग वेबसाइट बना रहा हूं जो ग्राफिक समृद्ध है, और आकार में 680x9400px है। मैं http://sursly.com के समान, एक अच्छा साइड-स्क्रॉलिंग प्रभाव बनाने के लिए कुछ जावास्क्रिप्ट और/या mootools का उपयोग करूँगा।

मैं वेब पर उपयोग की जाने वाली सभी छवियों को अनुकूलित करने वाला वेब हूं, लेकिन जानना चाहूंगा कि किसी के पास पृष्ठ लोडिंग को गति देने के बारे में कोई अन्य विचार है या नहीं? उदाहरण के लिए क्षैतिज खंडों में साइट को प्री-लोड करने का कोई तरीका है?

अग्रिम धन्यवाद।

Answer 1

jQuery Lazy Loading Plugin जैसे कुछ का उपयोग करके आप एक कथित गति प्राप्त कर सकते हैं क्योंकि केवल दृश्यमान छवियों को लोड किया जाएगा। तो वे ऑफ स्क्रीन छवियों के साथ प्रतिस्पर्धा नहीं करेंगे।

मुझे पता है कि आप शायद mootools का उपयोग करेंगे, लेकिन यह मुझे आश्चर्यचकित करेगा अगर उनके पास कुछ समान नहीं था।

Answer 2

ध्यान दें कि शापित साइट पर अधिकांश ग्राफिक्स शुद्ध काले और सफेद हैं। यह साइट को नाटकीय रूप से तेज़ी से लोड करता है क्योंकि फ़ाइलों को अनुकूलित किया जा सकता है।

Answer 3

मैं पिछले एक के जवाब से सहमत हूं, लेकिन इसे थोड़ा संशोधित करता हूं: इसे लोड करने की बजाय आपको इसकी आवश्यकता होती है, जब आप कर सकते हैं इसे लोड करें। यही है, शुरुआत में पहले पृष्ठ के अलावा कुछ भी लोड नहीं है। एक बार लोड हो जाने के बाद, दूसरा लोड करें, फिर तीसरा और इसी तरह।

ट्रैक रखें कि कौन से हिस्सों में अभी तक लोड नहीं हुआ है और अभी तक लोड नहीं हुआ है, और यदि कोई "पृष्ठ" लोड नहीं हुआ है, तो "कृपया प्रतीक्षा करें" संकेत प्रदर्शित करें और उस पृष्ठ को प्राथमिकता कतार को टक्कर दें।

यदि आप खोज इंजन द्वारा अनुक्रमित होने में रुचि रखते हैं तो इन तकनीकों से सावधान रहना याद रखें।

Answer 4

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

यदि आप चाहें तो आप प्रत्येक तरफ से एक से अधिक दृश्यमान टाइल्स लोड कर सकते हैं, लेकिन यह बेहतर उपयोगकर्ता अनुभव के लिए अधिक क्लाइंट-साइड मेमोरी लेगा।