पृष्ठ गति संकेत का उपयोग करते हुए वर्डप्रेस पर साइट लोडिंग गति का अनुकूलन

शुभ दिन।

आज मैं आपको मेरे द्वारा बनाई और समर्थित साइटों में से एक के उदाहरण के माध्यम से बताऊंगा - इसकी डाउनलोड गति और गोगला वफादारी का अनुकूलन कैसे करें।

स्रोत डेटा:

• वेबसाइट लोड करने की गति - 2 एस,
• पहले अनुरोध को संसाधित करने की गति 1.06 सेकेंड है,
• पहले अनुरोध संचरण समय 364 एमएस,
• डाउनलोड किए गए डेटा की मात्रा ~ 3 एमबी,

पहेली का जवाब

• साइट लोड करने की गति - 1 एस,
• पहले अनुरोध की प्रसंस्करण गति 80 एमएस है,
• पहले अनुरोध का प्रसारण समय 15 एमएस है,
• डाउनलोड किए गए डेटा की मात्रा ~ 70 kB, (पहले डाउनलोड 1400 kB)

काम पूरा करने से पहले, सभी फाइलों और डेटाबेस का बैकअप लें। लेखक परिणामों के लिए ज़िम्मेदार नहीं है।

उद्देश्य:

डाउनलोड की गति का अनुकूलन करें क्योंकि अच्छे इंटरनेट के साथ अच्छे लैपटॉप पर, गति को डाउनलोड करने के लिए, इसे हल्के ढंग से रखने के लिए, वांछित होने के लिए बहुत कुछ छोड़ देता है।
तुलना के लिए, यैंडेक्स मुख्य पृष्ठ पर डेटा:

• साइट लोड करने की गति - 1.2 s,
• पहले अनुरोध को संसाधित करने की गति 203 एमएस है,
• पहले अनुरोध संचरण समय 71 एमएस,
• डाउनलोड किए गए डेटा की मात्रा ~ 46 kB,

समस्या हल करना

साइट को अनुकूलित करने के लिए अनुशंसाओं का एक समूह ढूंढना और ढूंढना, उदाहरण के लिए, मैंने महसूस किया कि साइट की गति के अनुमानित अनुमानों के लिए यह संख्याओं को जानने के लिए पर्याप्त नहीं है, आपको यह समझने की आवश्यकता है कि पैर कहाँ से बढ़ते हैं।
उपरोक्त विषय की टिप्पणियों में, मैं क्रोम पेजस्पीड इनसाइट्स के लिए एक अद्भुत अतिरिक्त के रूप में आया

इस उपकरण के साथ काम करने की प्रक्रिया बहुत सरल है:

• PageSpeed ​​ऐड-ऑन स्थापित करें
• हम आवश्यक साइट खोलते हैं
• "डेवलपर टूल" लॉन्च करें
• पेजस्पीड टैब खोलें और "विश्लेषण" लॉन्च करें

हमें उन सिफारिशों की एक सूची मिलती है जिनकी प्राथमिकताएँ अलग-अलग होती हैं और समूहों में विभाजित होती हैं

• तेजी से सर्वर प्रतिक्रिया प्रदान करें
• ब्लॉकिंग संसाधन कम करें
• भार कम करें
• पृष्ठ लोड विलंबता कम करें
• अन्य आदि

प्रत्येक खंड में "लोड कम करें" जैसी सिफारिशें हैं (मेरे मामले में, सूची इस तरह है)

• (बी) संपीड़न चालू करें,
• (एच) एक ही URL से संसाधन प्रदान करें,
• (एच) छोटा जावास्क्रिप्ट,
• (ज) सीएसएस को छोटा करें,
• (एच) एचटीएमएल कट

यह उपकरण न केवल सिफारिशें करता है, बल्कि आपके लिए कुछ चीजें भी करता है।

सभी को कम करने, कम करने, निचोड़ने का प्रस्ताव है, ऐड-ऑन तुरंत संपीड़ित करता है और समाप्त फाइल को खोलने की पेशकश करता है, आपका कार्य केवल सर्वर पर आपको लेने और डालने की आवश्यकता है। वैसे, इसे कहां रखना है, यह भी आपको बताएगा कि क्या आप फ़ाइल के नाम की ओर इशारा करते हैं।



लेकिन हमारी भेड़ की साइट पर वापस। जावास्क्रिप्ट, सीएसएस और छवियों के लिए सभी आवश्यक प्रतिस्थापन करने के बाद, मैं लगभग 1 एमबी द्वारा भरी हुई जानकारी की मात्रा में कमी से सुखद आश्चर्यचकित हूं।
लेकिन सब कुछ "संपीड़न सक्षम करें" आइटम पर रुक जाता है। हम जाते हैं और Google से मदद मांगते हैं, हम W3 कुल कैश पाते हैं - वर्डप्रेस के लिए एक अद्भुत प्लगइन जो आपको हमारे लिए आवश्यक मापदंडों के अनुसार साइट का अनुकूलन करने की अनुमति देता है।
स्थापना हमेशा की तरह सरल है। ऐड-ऑन पर जाएं, खोजें, इंस्टॉल करें।
और फिर मज़ा शुरू होता है, स्थापित करना ...
प्लगइन बहुत कुछ कर सकता है, लेकिन हमें हर चीज की जरूरत नहीं है। रिज़र्व

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

इसके अलावा, प्लगइन स्वयं जावास्क्रिप्ट और सीएसएस को निचोड़ सकता है, लेकिन मैं पेजस्पीड को पसंद करूंगा क्योंकि मैं यह नहीं जानना चाहता कि इन फ़ाइलों के साथ कौन करना बेहतर है।

प्लगइन में सीडीएन, रिवर्स प्रॉक्सी जैसे अधिक विदेशी ऑप्टिमाइज़र भी हैं, लेकिन वे उच्च भार पर भी परिणाम देते हैं।

पहेली का जवाब

• साइट लोड करने की गति - 1 एस,
• पहले अनुरोध की प्रसंस्करण गति 80 एमएस है,
• पहले अनुरोध का प्रसारण समय 15 एमएस है,
• डाउनलोड किए गए डेटा की मात्रा ~ 70 (1400) kB, *

कुल हमें साइट को लोड करने की गति में भारी वृद्धि होती है, सर्वर पर लोड को कम करना, अच्छी तरह से, और किए गए काम से संतुष्टि!

दिन के अलग-अलग समय पर 5 नमूनों की विधि द्वारा गति और लोडिंग समय पर डेटा प्राप्त किया गया था और एक निश्चित औसत मूल्य प्राप्त किया गया था।

* - डाउनलोड किए गए डेटा की मात्रा अंततः 1000 पिक्सल के 1000 की 8 छवियों के स्लाइडर के उपयोग के माध्यम से प्राप्त की गई थी, अनुकूलन से पहले प्रत्येक का औसत वजन 170 kbytes के बाद 250 kbytes है। लेकिन चूंकि हमारे पास एक ब्राउज़र कैश है, वे केवल पहली बार और 1 महीने के लिए लोड किए गए हैं

मैं सभी को इस ज्ञान के सफल उपयोग की कामना करता हूं।