Computer >> कंप्यूटर ट्यूटोरियल >  >> प्रोग्रामिंग >> JavaScript

JavaScript के साथ पेज लोड टाइम कैसे प्रभावित होता है


JavaScript फाइल्स और कोड से पेज लोड टाइम प्रभावित होता है। यदि आप JavaScript फाइल्स को ऑप्टिमाइज़ नहीं कर रहे हैं तो पेज लोड टाइम बढ़ जाएगा, जो नहीं होना चाहिए। पेज लोड टाइम कम करने के लिए JavaScript कोड को मिनिफाई करें।

बेहतर परिणाम के लिए JavaScript फाइल को कैश करें। बेहतर परफॉर्मेंस के लिए, इनलाइन और एक्सटर्नल JavaScript का उचित उपयोग करें। यदि आप कई पेजों में वही स्क्रिप्ट जोड़ना चाहते हैं तो एक्सटर्नल JavaScript फाइल उपयोग करने का प्रयास करें।

एक्सटर्नल स्क्रिप्ट्स

  • ब्राउज़र पहली बार डाउनलोड होने पर एक्सटर्नल स्क्रिप्ट को स्टोर करता है। यदि इसे फिर से संदर्भित किया जाता है, तो कोई अतिरिक्त डाउनलोड आवश्यक नहीं है।
  • यह डाउनलोड समय और आकार कम करता है।

इनलाइन स्क्रिप्ट्स

  • इनलाइन स्क्रिप्ट्स तुरंत निष्पादित होती हैं।
  • यह तुरंत लोड होता है और किसी अन्य रिक्वेस्ट को ट्रिगर करने की आवश्यकता नहीं होती।
  • इनलाइन स्क्रिप्ट्स सर्वर-साइड डायनामिक रेंडरिंग के लिए अधिक उपयोगी हैं।
  1. JavaScript से टेक्स्ट टॉगल करें JavaScript से टेक्स्ट टॉगल करें

    JavaScript का उपयोग करके किसी एलिमेंट का टेक्स्ट कंटेंट दो स्थितियों के बीच टॉगल करना एक सामान्य UI पैटर्न है (जैसे अधिक दिखाएं/कम दिखाएं, चालू/बंद)। उदाहरण <!DOCTYPE html> <html> <head> <meta name=viewport content=width=device-width, initial-scale=1 /> <style> bo

  1. जावास्क्रिप्ट से हर बार पेज लोड होने पर टेक्स्ट हाइलाइट करें जावास्क्रिप्ट से हर बार पेज लोड होने पर टेक्स्ट हाइलाइट करें

    परिचय पेज लोड होने पर विशिष्ट शब्दों को हाइलाइट करने के लिए, टेक्स्ट को शब्दों में विभाजित करें, लक्ष्य शब्दों की जांच करें, और उन्हें स्टाइल्ड <span> एलिमेंट्स में लपेटें। यह क्लाइंट-साइड हाइलाइटिंग के लिए एक सरल दृष्टिकोण है। उदाहरण <!DOCTYPE html> <html lang="hi"> &l

  1. सेलेनियम का उपयोग करके जावास्क्रिप्ट वाले जटिल पेज के लोड होने की प्रतीक्षा करना सेलेनियम का उपयोग करके जावास्क्रिप्ट वाले जटिल पेज के लोड होने की प्रतीक्षा करना

    हम सेलेनियम के साथ जावास्क्रिप्ट वाले जटिल पेज के लोड होने की प्रतीक्षा कर सकते हैं। पेज लोड होने के बाद, हम जावास्क्रिप्ट विधि document.readyState को लागू कर सकते हैं और complete लौटने तक प्रतीक्षा कर सकते हैं।सिंटैक्सJavascriptExecutor js = (JavascriptExecutor)driver; js.executeScript(return docu