मुझे लगता है कि मैं जो पूछ रहा हूं वह यह है कि यदि जावास्क्रिप्ट को समूहित करना अच्छा अभ्यास माना जाता है, तो अधिक वेबसाइटें जावास्क्रिप्ट और सीएसएस को सीधे एक HTML दस्तावेज़ में क्यों नहीं रखती हैं?यदि फ्रंट-एंड कोड समूहबद्ध करना अनुरोधों को कम करने में मदद करता है, तो एक HTML दस्तावेज़ पर और अधिक वेबसाइटें क्यों नहीं लिखी जाती हैं?
क्यों अधिक वेबसाइटों एक HTML दस्तावेज़
व्यक्तिगत फ़ाइल कैशिंग में सीधे JavaScript और CSS नहीं डाल सकते हैं।
बाहरी फाइलों को कैश होने का लाभ होता है। चूंकि स्क्रिप्ट और शैलियों शायद ही कभी बदलती हैं (स्थैतिक) और/या पृष्ठों के बीच साझा की जाती हैं, इसलिए पृष्ठ को हल्का बनाने वाले पेज से उन्हें अलग करना बेहतर होता है।
एम्बेडेड जेएस और सीएसएस के साथ 500 केबी पृष्ठ डेटा डाउनलोड करने के बजाय, पेज के 5 केबी लोड क्यों नहीं करें, और 4 9 5 केबी जेएस और सीएसएस के कैश से लोड करें - आपको 4 9 5 केबी बैंडविड्थ बचाता है और अतिरिक्त 2 HTTP अनुरोधों से बचाता है ।
हालांकि पृष्ठ में जेएस और सीएसएस एम्बेड कर सकता है, पृष्ठ सबसे अधिक गतिशील होगा। यह पेज को हर बार एक नई प्रतिलिपि बना देगा, जिससे प्रत्येक अनुरोध बहुत भारी हो जाएगा।
मॉड्यूलर कोड
एक WordPress साइट की कल्पना करें। वे दुनिया भर के विभिन्न डेवलपर्स द्वारा किए गए विगेट्स के टॉम का उपयोग करके बनाए जाते हैं। एक पृष्ठ में भरने वाले कई कोड को संभालना संभव है, लेकिन अकल्पनीय है।
यदि कुछ कोड केवल आपकी साइट पर छोटे सर्किट किए गए हैं या काम नहीं करते हैं, तो संबंधित कोड के लिए पृष्ठ को खराब करने के बजाय बाहरी कोड को जोड़ने के लिए यह कोड निकालना आसान है और संभावित रूप से किसी अन्य विजेट से कोड को हटा देना आसान है ।चिंताओं
पृथक्करण यह भी सबसे अच्छा सीएसएस और जे एस से अलग HTML के लिए अभ्यास है। इस तरह, यह स्पेगेटी नहीं है जिसके साथ आप काम कर रहे हैं।
जब आपके पास एक ही दस्तावेज़ में बहुत अधिक कोड है, तो कोड के साथ काम करना मुश्किल है क्योंकि आपको आवश्यक स्ट्रिंग को बदलने के लिए और अधिक समय चाहिए।
यही कारण है कि कोड को अलग-अलग फाइलों में विभाजित करना अच्छा अभ्यास है, उनमें से प्रत्येक अपने विशेष कार्य को हल कर रहा है, और उसके बाद उन्हें कोड में शामिल करना आवश्यक है।
हालांकि, आप कर सकते हैं एक लिखने स्क्रिप्ट जो विकास संस्करण है, जो कई फ़ाइलें एक रिलीज़ संस्करण है, जो कम फ़ाइलें है करने के लिए है, से अपनी फ़ाइलें में शामिल हो जाएगा, लेकिन यह दो समस्याओं को लाता है:
लोग इस स्क्रिप्ट को बनाने के लिए अक्सर अतिरिक्त कोडिंग करने के लिए आलसी होते हैं और फिर जब आपकी परियोजना की संरचना अधिक जटिल हो जाती है तो इसे बदल दें।
यदि आपको कोई बग मिलती है या एक छोटी सुविधा जोड़ती है, तो आपको विकसित और रिलीज़ संस्करण दोनों में फिर से अपनी परियोजना का पुनर्निर्माण करना होगा।
उन्होंने उन्हें अलग किया ताकि एकाधिक वेबपृष्ठ एक ही फ़ाइल का उपयोग कर सकें। जब आप एक फ़ाइल बदलते हैं, तो कई पेज भी अस्थायी रूप से अपडेट हो सकते हैं। इसके अलावा, बड़ी HTML फ़ाइल डाउनलोड करने में काफी समय लगेगी।
प्लस कैश की गई फाइल आमतौर पर "लोड" (304 संशोधित स्थिति नहीं) बहुत तेज होती है। और यदि आप एक HTML फ़ाइल में एक छोटा सा संपादन करते हैं, तो यह कैश किए गए सीएसएस और जेएस को फिर से डाउनलोड नहीं करेगा क्योंकि यह सब कुछ एक फ़ाइल में रखेगा। –
इसके अलावा, यदि कोई वेबसाइट बड़ी हो जाती है, तो आमतौर पर यह एक टीम प्रयास है। एक ही कोड फ़ाइल पर कई लोग काम करते हैं, कोई मजेदार नहीं है। –