साइट लोड करने की गति। 4 मुख्य कारक।

टैग: एसईओ

साइट लोड करने की गति। डाउनलोड स्पीड कैसे बढ़ाएं? मुख्य समस्याएं।

अनुशंसित साइट लोड करने की गति गूगल - 2 सेकेंड. (और अब अपनी गति देखें)

(वेबसाइट की लोडिंग स्पीड कैसे चेक करें?खोलने का सबसे आसान और तेज़ तरीका है डेवलपर टूल CTRL+SHIFT+Iअगला, "नेटवर्क" टैब का चयन करें, फिर पृष्ठ को ताज़ा करें, पृष्ठ को ताज़ा करने के लिए आवश्यक डाउनलोड गति देखने के लिए, कैश के बिना ताज़ा करें: आपको CTRL + F5 / CTRL + R दबाने की आवश्यकता है। और नीचे डाउनलोड स्पीड होगी।)

साइट लोड करने की गति जांचें
Google की एक सेवा का उपयोग करना: पेजस्पीड इनसाइट्स

मुख्य बिंदु जो सबसे अधिक प्रभावित करते हैं:

कैश
सीएसएस (शैलियाँ)
जे एस (लिपियों)
इमेजिस (उनका वजन, आकार - हाँ, बिल्कुल HxW आकार, मेटा डेटा - हाँ, ऐसी बात है, यह उनकी जानकारी है जैसे: दिनांक, शीर्षक, विषय, आदि)

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

#1 नकद

कैशिंग (याकैश) एक बफर (एक जगह) है जहां कोई भी डेटा संग्रहीत किया जाता है। हमारे मामले में, ये चित्र, कोड, शैलियाँ और बहुत कुछ हैं।

सबसे सरल आप स्वयं क्या कर सकते हैं होस्टिंग पर कैशिंग सक्षम करें।
(यदि आपके पास यूक्रेन.com.ua होस्टिंग है, तो आपको "साइट सेटिंग्स" -> "मूल सेटिंग्स" पर जाने की आवश्यकता है और वहां एक आइटम "कैशिंग" होगा और वहां आप आवश्यक समय का चयन करेंगे जिसके लिए आपकी साइट होगी कैश किया जा सकता है। मैं अपने आप से इसे 2 सप्ताह तक सेट करने की सलाह देता हूं - इस कैशिंग अवधि के साथ, Google पृष्ठ गति अंतर्दृष्टि बहुत सारे अंक जोड़ती है।)

htaccess, ब्राउज़र टैग, आदि से संबंधित अन्य तरीके इंटरनेट पर काफी कुछ लेखों के लिए पाए जा सकते हैं और मुझे फिर से रंगने का कोई मतलब नहीं दिखता। आप Habré पर लेख में कैशिंग के प्रकारों के बारे में पढ़ सकते हैं।

#2 सीएसएस (शैलियाँ)

सीएसएस - (कैस्केडिंग स्टाइल शीट्स - कैस्केडिंग स्टाइल शीट्स)।
शैलियों के साथ क्या किया जा सकता है?
कुंआ पहले तो उन्हें दबाएं।
दूसरे फाइलों की संख्या कम करें, यानी। सर्वर पर कॉल की संख्या को कम करने के लिए जितना संभव हो मर्ज करें।
तीसरेमुख्य शैलियों को एम्बेड करें जो पहली स्क्रीन के दृश्य भाग के प्रदर्शन को सीधे में प्रभावित करती हैं, और बाकी को फ़ाइल में छोड़ दें।

मैं कुछ उपयोगी लिंक भी छोड़ता हूं:

सीएसएस संपीड़न सेवाएं
सीएसएस फाइलों को कैसे संपीड़ित करें

#3 जेएस (स्क्रिप्ट)

यहां हमारे पास स्क्रिप्ट को ऑप्टिमाइज़ करने के कई तरीके भी हैं।

स्क्रिप्ट लोड करना स्थगित करें. इसे जितना संभव हो उतना कम पफ करें, इसे पीछे रखें या इससे भी कम कभी-कभी यह मदद करता है, कभी-कभी यह कोई विकल्प नहीं होता है। लेकिन बिंदु संख्या 2 बचाव के लिए आता है।
ASYNC - अतुल्यकालिक स्क्रिप्ट लोड हो रहा है। यह "async" पैरामीटर का उपयोग करके किया जाता है
```
<स्क्रिप्ट src="1.js" अतुल्यकालिक
```
यहाँ async के बारे में अधिक विवरण हैं।
जेएस और उसके प्रभाव के बारे में थोड़ी और जानकारी।
मामूली बिंदु।
जेएस को भी संपीड़ित किया जा सकता है। 1 फ़ाइल में भी मर्ज करें।

#4 चित्र

आप हमेशा तीन काम कर सकते हैं: आग को देखो, पानी को देखो और चित्रों को अनुकूलित करो।

विषय काफी व्यापक है, इसलिए मैं आपको केवल महत्वपूर्ण जानकारी देने का प्रयास करूंगा।

वजन का अनुकूलन करें।

कैसे? एक कार्यक्रम या सेवा के माध्यम से।

चित्रों के साथ सामूहिक कार्य के लिए कार्यक्रम फास्ट स्टोन छविइसके साथ आप कर सकते हैं
छवियों का थोक आकार बदलें। कैसे और क्या पहले से ही वहाँ गूगल मुश्किल नहीं है।
फास्टस्टोन छवि डाउनलोड करें।
छवियों के आकार को कम करने के लिए सेवा - पांडा. या बल्कि टाइनीपीएनजी और टाइनीजेपीजी।
ऑनलाइन का मुख्य लाभ। बस फ़ाइलें अपलोड करें और एक संपीड़ित संस्करण में वापस आएं - गुणवत्ता बिल्कुल प्रभावित नहीं होती है (यह जादू है)।
कड़ियाँ: tinypng.com और tinyjpg.com

आकार अनुकूलित करें।

जैसा कि मैंने ऊपर लिखा आकार प्रोग्राम का उपयोग करके बदला जा सकता है तेज पत्थर की छवि।
आकार ऊंचाई x वजन (चौड़ाई से ऊंचाई) है।

उदाहरण:

आकार	पिक्सल	फाइल का आकार
100x100	10 000	39 केबी
200x200	40 000	156 केबी
300 x 300	90 000	351 केबी
500x500	250 000	977 केबी
800x800	640 000	2500 केबी

(यदि आप इसके बारे में अधिक जानना चाहते हैं, तो आप इस विषय पर Google की सहायता पढ़ सकते हैं। Google से आलेख, लेकिन मैं आपको चेतावनी देता हूं कि यह कुछ हद तक बेवकूफ है)

उदाहरण के लिए हमारे पास 2 छवियां हैं:
1) वजन 100kb, आकार 500x500
2) वजन 100kb, आकार 2500x2500
ऐसा लगता है कि इससे क्या फर्क पड़ता है, उनका वजन वही होता है, इसलिए, उन्हें लोड करना उतना ही जटिल या सरल होना चाहिए, लेकिन ऐसा नहीं था यदि आप इसे Google पृष्ठ गति से जांचते हैं, तो यह अभी भी एक उच्च संकल्प पर कसम खाता है छवि।

सारांश: आकर महत्त्व रखता है। वजन भी। (बाकी इतना महत्वपूर्ण नहीं है, लेकिन कुछ विशेषज्ञों के तर्कों के अनुसार इसका भी प्रभाव पड़ता है, अब मैं छवि मेटाडेटा के बारे में बात कर रहा हूं)

मैंने वास्तव में मेटा डेटा के बारे में कुछ नहीं लिखा, ठीक है, यहाँ लिखने के लिए कुछ भी नहीं है ...
सभी छवियों के लिए बस सभी मेटा डेटा साफ़ करें, किंवदंती के अनुसार, आप आकार को 2 गुना कम कर सकते हैं। मुझे हाल ही में पता चला (फ़ाइल आकार के प्रभाव के बारे में, मुझे लगा कि यह काफी महत्वहीन है).

रिलीज के बारे में संक्षेप में: