मोबाइल लोड करने की गति को बढ़ाने के लिए इन 6 तकनीकों को लागू करें आपकी व्यवसाय साइट की गति

• 2 में से 1 व्यक्ति अपेक्षा करता है कि पृष्ठ 2 सेकंड से कम समय के भीतर लोड हो जाएगा।
• यदि किसी मोबाइल डिवाइस पर लोड होने में पृष्ठ को 3 सेकंड से अधिक समय लगता है, तो 53% विज़िट का त्याग कर दिया जाता है।
• 46% लोगों ने मोबाइल डिवाइस पर वेब ब्राउज़ करते समय पृष्ठों के लोड होने की प्रतीक्षा में नाराजगी दिखाई है।

मोबाइल इंटरनेट पर साइटों को धीमा करने वाले 3 मुख्य कारक सर्वर अनुरोधों, फ़ाइल आकार और पृष्ठ लोडिंग तत्वों के अनुक्रमिक क्रम की संख्या हैं। इसलिए अब हमने इसके कारणों पर प्रकाश डाला है; समाधान के लिए जाने दो।

Mobile Site Speed ​​कैसे बढ़ाएं

उपाय और अपने सर्वर रिस्पांस टाइम को कम से कम करें

आपके मोबाइल पृष्ठ की गति न केवल आपके कोड पर निर्भर है, बल्कि सर्वर नामक एक महत्वपूर्ण तकनीकी उपकरण पर भी निर्भर है।

आपका सर्वर जितनी देर तक ब्राउजर रिक्वेस्ट का जवाब देने के लिए इंतजार करता है, आपका पेज उतना ही धीमा हो जाता है। Google के अधिकांश विशेषज्ञ सलाह देते हैं कि आपका सर्वर 1 को प्रसारित करना शुरू कर दे^सेंट अधिक इष्टतम परिणाम के लिए अनुरोध के दो सौ मिलीसेकंड के भीतर संसाधनों का बाइट।

आमतौर पर, आपके सर्वर रिस्पांस टाइम को बढ़ाने के लिए 3 प्रमुख विधियाँ शामिल हैं:

• अपने वेब सर्वर कॉन्फ़िगरेशन या सॉफ्टवेयर में सुधार।
• अपनी होस्टिंग सेवा का दायरा और गुणवत्ता बढ़ाना, विशेष रूप से यह सुनिश्चित करना कि आपके पास पर्याप्त मेमोरी और सीपीयू संसाधन हों।
• आपके वेब पृष्ठों द्वारा आवश्यक संसाधनों की संख्या को कम करना।

छवियाँ लोड करने के लिए CSS का उपयोग करें

यदि आप मोबाइल उपयोगकर्ताओं के लिए अपनी सामग्री छवियों को छिपाना चाहते हैं, तो उन्हें सीएसएस के माध्यम से पृष्ठभूमि छवियों के रूप में लोड करें और सशर्त रूप से छिपाने के लिए मीडिया प्रश्नों का उपयोग करें।

इस तकनीक की भिन्नता का उपयोग अमेज़न द्वारा डिवाइस-विशिष्ट छवियों को सशर्त रूप से लोड करने के लिए किया जाता है।

अपने मोबाइल पेज की गति को बढ़ाने के लिए पुनर्निर्देशन की संख्या को कम करें

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

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

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

जेएस और सीएसएस फ़ाइलों को छोटा करें

अधिक डेटा का अर्थ है अतिरिक्त पृष्ठ भार। इससे आपके पृष्ठ मोबाइल डिवाइस पर लोड होने में अधिक समय लेंगे।

यही कारण है कि उनके वेब के लायक अधिकांश वेब डेवलपर्स पेज लोडिंग गति को बढ़ाने के लिए संपत्ति के अनुकूलन और न्यूनतम करने की आवश्यकता जानते हैं।

"Minification" पृष्ठ के प्रदर्शन को प्रभावित किए बिना अतिरेक को समाप्त करता है। Google टूल की एक विस्तृत सारणी आपको इस तरह के अतिरेक को खत्म करने में मदद कर सकती है, जिसमें निम्न शामिल हैं:

• CSSNano (CSS के लिए)
• UglifyJS (JS के लिए)

छवियों के बजाय, CSS3 का उपयोग करें

ड्रॉप शैडो, गोल कोनों, और ढाल भरता है - इन सभी विशेषताओं को छवियों के बजाय CSS के माध्यम से किया जा सकता है।

इस प्रकार, HTTP अनुरोधों की संख्या को कम करने में बहुत मदद मिल सकती है, एक ही समय में लोडिंग समय को तेज किया जा सकता है।

JPEG के बजाय इनलाइन SVGs का उपयोग करें

डेटा यूआरआई की तरह, एसवीजी (स्केलेबल वेक्टर ग्राफिक्स) HTTP अनुरोधों की संख्या को कम करने के लिए एक पृष्ठ पर एम्बेड किया जा सकता है।

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

नोट: अपनी शैली पत्रक में एक SVG एम्बेड करने के लिए, आपको इसे पहले URI डेटा में बदलना होगा और फिर अगले चरण पर आगे बढ़ना होगा।

ताकि कम या ज्यादा चीजें खत्म हो जाएं। आशा है कि आपने एक अच्छा और ज्ञानवर्धक पाठ पढ़ा होगा।

शटरस्टॉक के माध्यम से फोटो