jQuery अनंत स्क्रॉलिंग/आलसी लोडिंग

Question

मैं वर्तमान में अपनी वेबसाइट को फिर से डिजाइन कर रहा हूं और जावास्क्रिप्ट और jQuery का उपयोग कर रहा हूं। यहां मेरे पास अभी तक है: http://www.tedwinder.co.uk/gallery2/।

मेरी दृष्टि एक पृष्ठ पर सभी तस्वीरें रखना है, जिसे उपयोगकर्ता अब स्क्रॉल कर सकता है। हालांकि, मैं एक पृष्ठ पर 50+ बड़ी-आश छवियों की सीमाओं और प्रभावों को समझता हूं और अनंत स्क्रॉलिंग और आलसी लोडिंग का उपयोग करने पर विचार किया है, जो मैं समझता हूं कि उपयोगकर्ता केवल उन छवियों को लोड करेगा जब उपयोगकर्ता उन्हें प्राप्त करता है, या जब वे किसी पर क्लिक करते हैं "अधिक" लिंक?

तो, मेरा सवाल है: क्या यह पृष्ठ लोड को कम करेगा, मैं अनंत स्क्रॉलिंग/आलसी लोडिंग को लागू करने के बारे में वास्तव में कैसे जाऊंगा और यह प्रभावी ढंग से काम करेगा, या आप इसे करने का कोई और प्रभावी तरीका सोच सकते हैं?

धन्यवाद, टेड

Answer 1

यह उस छवि आलसी लोड हो रहा है संभालती है jQuery के लिए एक बहुत अच्छी प्लगइन है। जब तक वे दृश्य में स्क्रॉल कर रहे हैं तह के नीचे

http://www.appelsiini.net/projects/lazyload

छवियाँ अभ्यस्त लोड किया जा।

यह आपकी साइट की बैंडविड्थ पर कट जाएगा, लेकिन यदि आपके पास बहुत अधिक ट्रैफ़िक नहीं है तो इससे कोई फर्क नहीं पड़ता है।

प्रयोग में इस तकनीक का एक उदाहरण के लिए, बाहर की जाँच http://mashable.com/

Answer 2

आप मुझे लगता है कि आलसी लोड करने के लिए एचटीएमएल टिप्पणियों का उपयोग करता है लिखा था इस jQuery प्लगइन कोशिश कर सकते हैं एचटीएमएल के किसी भी मनमाने ढंग से बिट्स, छवियों सहित:

jQuery Lazy Loader Blog Post

:

jQuery Lazy Loader Plugin Page

यहाँ एक उदाहरण है

तो मूल रूप से आप उस सामग्री को लपेटते हैं जिसे आप प्लेसहोल्डर टैग और आंतरिक HTML टिप्पणी के साथ आलसी लोड करना चाहते हैं। जब प्लेसहोल्डर व्यूपोर्ट में दिखाई देता है, तो इसे टिप्पणी के अंदर HTML स्ट्रिंग के साथ बदल दिया जाता है।

आप प्लेसहोल्डर के लिए किसी भी टैग का उपयोग कर सकते हैं, लेकिन मुझे पूर्व पसंद है क्योंकि यह केवल 0 टिप्पणी के रूप में प्रस्तुत करता है जब अंदर केवल एक टिप्पणी होती है।

आशा है कि इससे मदद मिलती है! @MW_Collins

Answer 3

इस jQuery लेज़ी स्क्रॉल लोड हो रहा है प्लगइन कोशिश http://code.google.com/p/jquerylazyscrollloading/

Answer 4

यहाँ दो और JQuery वाले प्लग इन आलसी लोड हो रहा है/अनंत स्क्रॉल करना है:

http://jscroll.com/

http://www.infinite-scroll.com/infinite-scroll-jquery-plugin/