मुखपृष्ठ » टूलकिट » उत्तरोत्तर आपको वैनिला जेएस के साथ आलसी लोड छवियां देता है

    उत्तरोत्तर आपको वैनिला जेएस के साथ आलसी लोड छवियां देता है

    हर आधुनिक वेबसाइट को तेज़ करने की आवश्यकता है। हालाँकि पेज की गति बढ़ाने के लिए कई तकनीकें और प्लगइन्स हैं, फिर भी, आपको नहीं पता होगा कि कहाँ से शुरू करें.

    प्रगतिशील स्क्रिप्ट एक है पृष्ठ गति बढ़ाने के लिए महान संसाधन. यह एक आलसी लोडिंग इमेज स्क्रिप्ट के रूप में काम करता है जो पेज को नीचे स्क्रॉल करते ही तस्वीरों को उत्तरोत्तर लोड करता है.

    यह एक फ्री ओपन सोर्स प्रोजेक्ट है इसलिए आप इसे डाउनलोड कर सकते हैं और इसे किसी भी वेबसाइट पर चला सकते हैं। प्लस यह 100% वेनिला JS पर चलता है इसलिए इसे शून्य निर्भरता मिली है जो आपको कम कर सकती है.

    आप प्रोग्रेसिव होमपेज पर लाइव डेमो देख सकते हैं.

    यह अन्य आलसी लोड स्क्रिप्ट की तुलना में थोड़ा अलग है क्योंकि यह पूरे पृष्ठ के लिए निश्चित छवि आकार रखता है। इस जब भी छवियां जल्दी से दृश्य में लोड होती हैं, तो आप कभी भी परेशान करने वाले पृष्ठ कूद को रोकते हैं और सामग्री की ऊँचाई बढ़ाएँ.

    और छवि प्लेसहोल्डर वास्तव में उन छवियों की तरह दिखते हैं जो आप लोड कर रहे हैं। बहुत बढ़िया!

    यह साफ-सुथरी तकनीक आगंतुकों को मौका देती है पूर्वावलोकन करें कि चित्र लोड होने से पहले क्या दिखते हैं. यह सभी जावास्क्रिप्ट के माध्यम से संभाला जाता है जो पृष्ठ पर उपयोगकर्ता के स्थान की जांच करता है और छवियों को पूर्व लोड करता है जैसा कि वे दृश्य में आते हैं.

    प्रगतिशील रूप से एक है काफी व्यापक एपीआई इसलिए यह वेब डेवलपर्स के लिए एक बढ़िया विकल्प है। सेटअप तकनीकी प्राप्त कर सकता है इसलिए यह मदद करता है यदि आप मूल दृश्य कोडिंग के आसपास अपना रास्ता जानते हैं.

    लेकिन आप मुख्य GitHub पेज पर अधिक जान सकते हैं जिसमें पूर्ण एपीआई प्रलेखन, सेटअप निर्देश और नमूना कोड स्निपेट शामिल हैं जिन्हें आप अपनी परियोजनाओं के लिए कॉपी / पेस्ट कर सकते हैं।.

    यदि आपको एक भरोसेमंद आलसी-लोडिंग छवि स्क्रिप्ट की आवश्यकता है जो बिना निर्भरता के है, तो प्रगतिशील रूप से एक शॉट दें। यह पूरी तरह से मुफ़्त है और डेवलपर्स के लिए बहुत सारे अनुकूलन प्रदान करता है.

    इसके अलावा अधिक जानने के लिए और डाउनलोड करने योग्य स्रोत कोड को नाब करने के लिए प्रगतिशील गीथहब पर एक नज़र डालें.