Defer vs Async in Web Technology

Defer vs Async in Web Technology : Page Speed Optimization करते वक्त आपने देखा होगा की JS (JavaScript) फाइल में ASYNC या DEFER लिखा होता है। दोनों टर्म्स का उपयोग Render को ब्लॉक किये बिना JS File को लोड करने के लिए किया जाता है। 

Page Speed Optimize करने से पहले, इन दोनों टर्म्स सही समझना जरुरी है, अन्यथा आपकी वेबसाइट ब्रेक हो जाएगी और सही करने में आपको बहुत ज्यादा समय लग सकती है।  

आपके वेबसाइट का स्पीड SEO के अनुसार महत्त्वपूर्ण होता है। इसे बेहतर बनाये रखने से आपके वेबसाइट की ट्रैफिक बढ़ेगी और इनकम भी बढ़ेगा। 

यदि आपने Coding/Programming करके वेबसाइट develop किया है, तो आप JavaScript, CSS और अन्य घटक जो आपके वेब पेज के स्पीड को एफेक्ट करते है, उनमे बदलाव कर सकते है। जबकि WordPress उपयोगकर्ताओं को Programming Level काम करने की जरुरत नहीं होती है। बस एक Caching Plugin Install करके, सभी आवश्यक सेटिंग्स कस्टमाइज कर सकते है। 

Defer vs Async

Async और Defer इन दोनों टर्म्स का उपयोग रेंडरिंग को ब्लॉक किये बिना Asynchronously लोड करने के किया जाता है। इससे आपका वेबसाइट का कंटेंट जल्दी लोड हो जाता है, और Javascript देरी से लोड होता है।

इन दोनों में मुख्य अंतर यह है की Async जितना जल्दी हो सके अन्य कंटेंट के साथ साथ JavaScript को लोड कर लेता है, जब की Defer एक सीक्वेंस में चलता है और ठीक DOMContentLoaded इवेंट से पहले execute होता है।

Difference Between ASYNC and DEFER

Async

• Downloads in the background at a low priority (same as defer)
• Can interrupt page rendering to execute
• Executes as soon as possible and in no particular order

Defer

• Downloads in the background at a low priority (same as async)
• Won’t interrupt page rendering to execute
• Executes in sequence just before the DOMContentLoaded event