और फिर से अपनी साइट के गति प्रदर्शन के बारे में

काश ... आखिरकार मैंने अपनी पहली पोस्ट लिखने का फैसला किया।



इस पोस्ट में मैं आपको कुछ सरल, और एक ही समय में अपनी साइट के लोडिंग को तेज करने के प्रभावी तरीकों के बारे में बताना चाहता हूं।

सभी विधियाँ LAMP + nginx + drupal पर आधारित हैं, लेकिन मुझे यकीन है कि यह सब बाकी के लिए भी सही है।

हम साइट के पहले लोडिंग के बारे में बात करेंगे, अर्थात, जब क्लाइंट के पास अभी तक ब्राउज़र में कैश नहीं है।

कुछ चित्र जिनका मैं लेख के दौरान उल्लेख करूंगा:

नाम एलोस में लिखे गए हैं (बाएं से दाएं, ऊपर से नीचे तक)।

पोस्ट के नीचे सभी लिंक

मुख्य चीज आकार नहीं बल्कि मात्रा © है

1. आपकी साइट के लिए अनुरोधों (अनुरोधों) की संख्या जितनी कम हो, उतना अच्छा है!

हम अंजीर को देखते हैं। 3

सेकंड में समय, यह एक विज्ञापन रेखा 2.5Mb है

तो हमारे पास क्या है? 37 प्रश्न और 18 सेकंड हैं। समय। बहुत कुछ!

पहला अनुरोध html ही है

(यदि आपका html 1 सेकंड से कम समय में डिलीवर हुआ है - मुझे लगता है कि कोड ऑप्टिमाइज़ेशन के बारे में सोचना जल्दबाजी होगी)

फिर सीएसएस, जेएस और चित्र गए

जैसा कि स्क्रीन से देखा जा सकता है, चित्र समानांतर में दिए गए हैं, लेकिन css और js नहीं हैं !

निष्कर्ष: सीएसएस और जेएस के लिए अनुरोधों की संख्या कम करें

पांचवें Drupal में, एक फ़ाइल में css कम्प्रेशन चिप बिल्ड-इन है, अर्थात हम केवल प्रदर्शन पर जाते हैं और वहाँ सेट होते हैं।



तस्वीर देखें 1

इसके बजाय 9 फ़ाइल अनुरोध और 6 सेकंड। हमें 1 अनुरोध और 1.5 सेकंड का समय मिलता है। बुरा नहीं है ... :)

अब जस की बारी है।

javascript_aggregator मॉड्यूल डाउनलोड करें - इंस्टॉल करें, और प्रदर्शन में js के लिए समान चिप प्राप्त करें

तस्वीर देखें 6 और हम देखते हैं कि हमारी सभी js फाइलें अब केवल 1.5 सेकंड का समय लेती हैं। उसी 6 सेकंड के बजाय। बहुत अच्छा ... :)



आप उन अनुरोधों की संख्या में भी जोड़ सकते हैं, यदि आपके पास साइट पर कई समान छवियां हैं (आइकन, चित्रलेख)

सीएसएस स्प्राइट्स की ओर देखने लायक है। यही है, इन सभी चित्रों को एक पंक्ति में 1 फ़ाइल में भेज दिया जाता है, और फिर ऑफ़सेट में हम ऑफसेट करते हैं। परिणामस्वरूप, हमारे पास 5-10 के बजाय 1 क्वेरी है।



अपडेट: कॉमरेड से एक टिप पर चपदेव - "और आप सभी इंटरफ़ेस चित्रों को एक में इकट्ठा कर सकते हैं - ImageBundles "



और अंत में, यदि आपके पास एक डिग-स्तरीय वेबसाइट है, तो अपने सभी सीएसएस और जेएस इनलाइन को html में डालें, इससे आपके सभी नए अनुरोध सहेजे जाएंगे। (हां, वे कैश नहीं हैं, लेकिन यह तेज़ है। आप उन्हें आंतरिक पृष्ठों पर तब सम्मिलित कर सकते हैं, जब चित्र कैश में पहले से हों।)



यहाँ एक फ़ाइल में js और css डालने का एक तरीका है:

 <! - *
 फ़ंक्शन टी () {}
 <! - * /
 <! - शरीर {पृष्ठभूमि-रंग: एक्वा;  }

नीचे विवरण के साथ एक लिंक दिया गया है।



वैसे, यहां एक हब पर मैंने एक कॉम्बिनेशन स्क्रिप्ट चलाई जो css और js को पैक और कंप्रेस करता है

2. आपके द्वारा दी गई सभी सामग्री पर क्लिक करें!

Ob_start ("ob_gzhandler") के सभी प्रकारों के बारे में भूल जाओ;



क्यों आप अपने आप को वेब सर्वर के साथ सब कुछ संपीड़ित कर सकते हैं?

हमने apache के लिए mod_deflate या mod_gzip को \ enable डाल दिया है और वह यह है! आपकी सभी सामग्री अपने आप संकुचित हो जाएगी (लगभग :))।

(यह कथन केवल तभी सही है जब आपके पास अपाचे सेटिंग्स तक पहुंच हो)

हम अंजीर को देखते हैं और तुलना करते हैं । 3 और अंजीर 6. (पहला अनुरोध)

एक मामले में 22kb और दूसरे में 6kb। लगभग 4 बार!

3. php एक्सेलेरेटर के बारे में मत भूलना

xcache, eAccelerator, APC

छोटी हां हटाएं ©

4. ग्राहकों को स्थिर अपाचे न दें!

यह राक्षस भारी भार के तहत बहुत धीमी गति से शुरू होता है।

छवियों को अपलोड करने के लिए (और एक ही सीएसएस, जेएस, फ्लैश, आदि) नगीनेक्स वेब सर्वर का उपयोग करें

इसे स्थापित करने के लिए 3 विकल्प हैं:

1 विकल्प:

गाइड

स्टेटिक्स के लिए अलग उपडोमेन (उदा। i.zoza.ru )

पेशेवरों:

• विश्वास है कि सब कुछ काम करेगा क्योंकि यह काम किया है (Apache को सीधे अनुरोध प्राप्त होते रहेंगे)

• आसान सेटअप

विपक्ष:

• आपको 2 आईपी की आवश्यकता है (एक अपाचे के लिए और एक नेगनेक्स के लिए, दोनों पोर्ट 80 पर, क्योंकि कुछ एडिमिन ने सब कुछ काट दिया जो पोर्ट 80 नहीं है)

• आपको टेम्प्लेट को संपादित करने और उपडोमेन के लिए मार्ग निर्धारित करने की आवश्यकता है

2 विकल्प:

सामने के छोर की तरह

गाइड

पेशेवरों:

• विभिन्न बंदरगाहों पर आईपी पते

• टेम्प्लेट में कुछ भी न बदलें

विपक्ष:

• बहुत सारे संसाधन (अपाचे के अलावा दूसरा सर्वर भी)

• पर्यावरण चर "झूठ" कर सकते हैं। (उदा। अपाचे क्लाइंट के लिए IP पता nginx पता होगा, लेकिन इसका इलाज किया जाता है)

3 विकल्प:

मुख्य (एकल) वेब सर्वर के रूप में

पेशेवरों:

• अपाचे को पूरी तरह से हटा दें (सर्वर द्वारा कम मेमोरी की आवश्यकता है)

• 1 आईपी पता

• टेम्प्लेट में कुछ भी न बदलें

विपक्ष:

• कुछ चीजें, केवल अपाचे के लिए तेज, काम नहीं करेगा

मुझे यकीन है कि मैंने बहुत सारी चीजें याद कीं और इसे खत्म नहीं किया, लेकिन पहले से ही "बहुत सारे पत्र"। तो टिप्पणियों में पूछें - मैं जवाब दूंगा।



विज्ञापन :

www.eaccelerator.net

rakaz.nl/item/make_your_pages_load_faster_by_combining_and_compressing_javascript_and_css_files

drupal.org/project/javascript_aggregator

blogs.msdn.com/shivap/archive/2007/05/01/combine-css-with-js-and-make-it-into-a-single-download.aspx

sysoev.ru/nginx

csssprites.com

www.drupal.ru/node/8304

developer.yahoo.com/performance/rules.html

hostingfu.com/article/running-drupal-with-clean-url-on-nginx-or-lighttpd

sittinginoblivion.com/node/251



पुनश्च। मैं अपने व्यक्तिगत ब्लॉग पर लिखता हूं, मैं दूसरी जगह नहीं जा सकता - मैं थूथन कर्म के साथ बाहर नहीं गया। :)

वेब डेवलपमेंट की ओर अग्रसर। कर्म के लिए धन्यवाद! :)



UPD: लोग !!! मान !!! यह पोस्ट उन लोगों के लिए उपयोगी होगी जो थोड़ा सोचने में भी सक्षम हैं

उन लोगों के लिए जो इन चीजों से परिचित नहीं हैं, लेकिन वह जानना चाहते हैं।

मैंने यहां खोज के लिए शुरुआत की, इसलिए बोलने के लिए, "आवश्यक खोजशब्दों के माध्यम से सोया।" मुझे नहीं पता था कि php त्वरण जैसी कोई चीज है - मैंने Google में xcache या eAccelerator टाइप किया है और सब कुछ ... पहले से ही पता है।

या नेगनेक्स कॉन्फिग - हाँ नेट पर इस विषय पर बहुत सारे लेख हैं।

या mod_deflate।