तेज़ जावास्क्रिप्ट और सीएसएस लोडिंग

मुझे नहीं पता कि आप जानते हैं या नहीं, लेकिन

1. जब तक स्टाइल लोड नहीं होता - पेज प्रदर्शित नहीं किया जाएगा

2. जब तक आप जो स्क्रिप्ट शामिल करते हैं वह लोड (और निष्पादित) होती है, तो पृष्ठ आगे प्रदर्शित नहीं किया जाएगा

3. बिंदु 2 से यह इस प्रकार है कि एक समय में केवल एक स्क्रिप्ट लोड (और निष्पादित) होती है।

* लेकिन लेखन के आधार पर, दूसरी स्क्रिप्ट को पहले के साथ एक साथ लोड (लेकिन निष्पादित नहीं) किया जा सकता है ... लेकिन

4. एक समय में एक ब्राउज़र एक होस्ट के साथ केवल दो (या चार?) कनेक्शन रखता है।

यही है, औसतन, ब्राउज़र 6 स्क्रिप्ट के साथ डाउनलोड करने के लिए एक के बाद एक सर्वर से 6 अनुरोध करेगा।

सामान्य तौर पर, यह चित्रों पर लागू नहीं होता है, एक ही समय में 4 चित्रों की तरह एक मोज़िला ड्रग्स।

लेकिन अधिक नहीं!



क्या करें?





यह पता चला है कि मानक पृष्ठ के साथ

1. एक सीएसएस फ़ाइल

2. एक जेएस फ़ाइल

3. फ्रेम के जेएस फ़ाइलों की एक जोड़ी (और वर्तमान में यह एक समस्या है! बहुवचन के साथ!)

यह इन फ़ाइलों को "लाने" के लिए औसतन 1-2 सेकंड इंतजार करता है। और तभी इसे खींचा जाता है।



हां, आधे डाउनलोड "इफ-मैच" जैसे दिखते हैं अगर-संशोधित ”और अपेक्षाकृत जल्दी संसाधित होता है

कुछ फ़ाइलों का अनुरोध नहीं किया गया है (बिल्ट-इन मिन-मैक्स एज)

और हर कोई जो IE की तरह नहीं है, वह आम तौर पर जरूरत पड़ने पर भी नहीं पूछना चाहता (और पुराने संस्करणों के साथ मूर्ख की तरह बैठता है)



सामान्य तौर पर, यह एक परिचयात्मक लेख था, ताकि लोग महसूस करें ...



तो, इन समस्याओं को हल करने के लिए (जो habrahabr.ru/blog/AJAX/16489.html पढ़ने के बाद मेरे पास आई)

मैंने लेख में वर्णित स्क्रिप्ट को लिया और पुरुष ने इसे बदल दिया

स्क्रिप्ट ही यहां उपलब्ध है



इसलिए स्क्रिप्ट मूल के साथ-साथ एक विकल्प के रूप में भी काम कर सकती है

जोड़ने के लिए .htaccess

RewriteRule (। *। *। Css) Comb.php? Type = css & files = $ 1 [Qs, L]

RewriteRule (। *। *। Js) गठबंधन। Php; प्रकार = जावास्क्रिप्ट और फ़ाइलें = $ 1 [QSA, L]

और दूसरी गठबंधन। एफपी शाखा काम करती है

और ... हम मूल लेख की तरह ही एक समर्थित एन्कोडिंग में केवल एक साथ संपीड़ित स्क्रिप्ट्स को मिलाते हैं और आपको दिए जाते हैं



या ... (यहाँ यह अंततः एक नवीनता है)

आपके हेडर में (जो उम्मीद है कि php का उपयोग करके उत्पन्न होता है) हम लिखते हैं

लिंक rel = "स्टाइलशीट" टाइप = "टेक्स्ट / सीएसएस" href = "= कॉम्बिनेशन_मेकरेफ़ (" सीएसएस ", $ HEADERcssfile)"

या डरावनी रेखा

उद्धरण:

स्क्रिप्ट भाषा = "जावास्क्रिप्ट" src = "? = गठबंधन_माकरेफ़ (" जावास्क्रिप्ट "," स्क्रिप्ट / पोजिशनिंग ।js, ~ brouser.js, ~ script.js, ~ site.js, sc rts / aculous / lib / prototype.js, स्क्रिप्ट / तीक्ष्ण / src / build.js, ~ effect.js, ~ dragdrop.js, ~ controls.js, ~ स्लाइडर.js ")" / स्क्रिप्ट

(SCARY STRING का मूल आकार 204 kb है, jsmin द्वारा छोटा आकार 133 kb है, संकुचित आकार 31 kb है)

सामान्य तौर पर, हम Comb_makeref कहते हैं और आउटपुट में हमें एक निश्चित NAME मिलता है। जब फ़ाइलें बदलती हैं (जो फ़ाइलों के एक सेट के लिए अद्वितीय होती हैं और समय बदल जाता है (सामान्य रूप से, यह एक सरल ई-टैग है)

और यह फ़ाइल एक वर्ष में कहीं समाप्त हो जाती है।

और एक व्यक्ति इसे एक बार जहाज करेगा! (मूल संस्करण में, स्क्रिप्ट का अद्यतन हर बार जाँच किया गया था)

फ़ाइल तक पहुँचते समय, यह सबसे अच्छा संपीड़न विकल्प चुनता है और आपको देता है।

(.htaccess जोड़ने की आवश्यकता है)

RewriteRule (। *। \ _। Cssf) Comb.php? Type = css & fetch = $ 1 [QSA, L]

RewriteRule (। *। *। Jsf) Comb.php? Type = javascript & fetch = $ 1 [QSA, L]

ठीक है - यह मूल से पहले से ही सबसे अच्छा है, लेकिन कुछ लोग पूछ सकते हैं: "क्या यह php के माध्यम से खाता देने के लिए अच्छा नहीं है?"

कभी-कभी कूल ... इसलिए अंतिम "सर्वश्रेष्ठ" विकल्प है - इसके बजाय कॉम्बिनेशन_मेकरेफ़ फ़ंक्शन कॉम्बिनेशन_स्टैटीक का उपयोग करना है

वह हेडर जारी करने के चरण में संपीड़न विकल्प का निर्धारण करेगा और फ़ाइल को एक स्थिर लिंक देगा ...

एक बार फिर से php कोड को कॉल किए बिना gnixes और अन्य आवारा के साथ बाद में वापस दें ...



वाह, मैंने इसे जोड़ा है।

खैर, सामान्य तौर पर, मैं kamentov की प्रतीक्षा कर रहा हूं।



एक बार और

combine.php

kernel.php