सामग्री
- प्रदर्शन वेळ
- लोटलेला वेळ
- सीपीयू वेळ
- स्त्रोत वापर
- वीज वापर
- नेटवर्क विनंत्यांना त्वरीत प्रतिसाद द्या
- 01. 3xx पुनर्निर्देशने प्रतिबंधित करा
- 02. सामग्री वितरण नेटवर्क (सीडीएन) वापरा
- 03. समवर्ती कनेक्शन वाढवा
- 04. आपल्या नेटवर्कची वेळ समजून घ्या
- डाउनलोड केलेले बाइट कमीतकमी करा
- 05. कमी संसाधने आणि बाइट डाउनलोड करा
- 06. Gzip: नेटवर्क रहदारी कॉम्प्रेस करा
- 07. मानक फाइल कॅपिटलायझेशन
- कार्यक्षमतेने रचना मार्कअप
- 08. क्विर्क्स मोड टाळा
- 09. इनलाइन जावास्क्रिप्ट इव्हेंट टाळा
- 10. पृष्ठाच्या शीर्षस्थानी शैली पत्रके जोडा
- 11. केवळ आवश्यक शैली समाविष्ट करा
- 12. आपल्या जावास्क्रिप्टला पृष्ठाच्या तळाशी दुवा साधा
- 13. HTML5 टॅगची मर्यादा समजून घ्या
- 14. एकाच फ्रेमवर्कवर प्रमाणित करा
- 15. छान होण्यासाठी स्क्रिप्ट समाविष्ट करू नका
- मीडिया वापर ऑप्टिमाइझ करा
- 16. प्रतिमांची संख्या कमी करा
- 17. प्रतिमा स्प्राइट वापरा
- 18. आपण कोणते प्रतिमा स्वरूपन वापरता याचा विचार करा
- 19. जटिल एसव्हीजी मार्ग टाळा
- 20. एचटीएमएल 5 व्हिडिओसाठी प्रतिमा पूर्वावलोकन निर्दिष्ट करा
- 21. मीडिया प्लग-इन वापर कमी करा
- जलद जावास्क्रिप्ट लिहा
- 22. आपली जावास्क्रिप्ट लहान करा
- मानक मोडमध्ये प्रस्तुत करा
- 23. वेब मानक वापरा
- आपला अनुप्रयोग काय करीत आहे यावर लक्ष ठेवा
- 24. timeप्लिकेशन टाइमर एकत्र करा
- 25. आपल्या अ‍ॅपची दृश्यमानता स्थिती तपासा
- निष्कर्ष
- हे आवडले? हे वाचा!
गेल्या काही वर्षांपासून मी मायक्रोसॉफ्टमधील आयई संघाचा सदस्य होतो आहे ऑनलाइन अनुभव सुधारण्याचे मार्ग शोधत आहे. मार्गात आम्ही वेब कार्यप्रदर्शनाबद्दल बरेच काही शिकलो आहोत आणि साइट्स आणि अॅप्स जलद बनवण्यामध्ये काय आहे याची सखोल माहिती विकसित केली.
आम्ही वेब स्टोअरसाठी मानक-आधारित वेब ब्राउझरवर किंवा अॅप्सवर चालणार्‍या वेबसाइट्सबद्दल बोलत आहोत किंवा नाही हे प्रत्येक वेब विकसकासाठी उच्च-कार्यक्षम वेब अनुप्रयोग तयार करणे आवश्यक आहे. विकसकाचे लक्ष्य खालील घटकांना कमी करुन वेब परफॉरमन्स सुधारणे आहे:
प्रदर्शन वेळ
सर्वात महत्त्वाचा हेतू म्हणजे आम्ही ज्याला ‘प्रदर्शन वेळ’ असे संबोधतो. यात ‘टाइम टू ग्लास’ आणि ‘प्राइमरी पेंट’ यासह अनेक उद्योगात नावे आहेत. प्रदर्शन स्क्रीन वापरकर्त्याकडून स्क्रीनवर त्या क्रियेचा परिणाम जोपर्यंत पाहत नाही तोपर्यंत कार्य वेळ मोजते. जेव्हा साइट दृश्यास्पद पूर्ण लोड होईपर्यंत वापरकर्ता साइटवर नेव्हिगेट करते तेव्हापासून हा कालावधी असतो.
लोटलेला वेळ
स्क्रीनवर सामग्री प्रदर्शित झाल्यानंतर वापरकर्त्याच्या क्रियेला प्रतिसाद म्हणून बर्‍याच साइट्स कार्य करत राहतात. यात वापरकर्ता डेटा डाउनलोड करणे (जसे की ईमेल संदेशन) किंवा विश्लेषक परत प्रदात्यास पाठविणे समाविष्ट असू शकते. वापरकर्त्यांच्या दृष्टीकोनातून, साइट लोड दिसू शकते. तथापि, पार्श्वभूमीवर बर्‍याच वेळा लक्षणीय काम होते, ज्याचा प्रतिसाद प्रतिसादांवर पडतो.
सीपीयू वेळ
वेब ब्राउझर सीपीयूद्वारे जवळजवळ पूर्णपणे मर्यादित असतात; एक ब्राउझर सीपीयूवर करत असलेले कार्य आणि कार्य कार्यक्षमतेने कार्यक्षमतेवर सर्वात मोठा प्रभाव पाडते. म्हणूनच जीपीयूवर ऑफलोडिंग कार्यामुळे आयई 9 आणि आयई 10 कार्यक्षमतेवर असा महत्त्वपूर्ण प्रभाव पडला आहे. क्रिया करण्यासाठी आवश्यक CPU वेळ आणि CPU कार्यक्षमता गंभीर आहे.
स्त्रोत वापर
वेगवान ब्राउझर बनविणे म्हणजे संपूर्ण पीसीवरील संसाधने एकत्रितपणे कार्य करणे सुनिश्चित करणे. यात नेटवर्क वापर, मेमरी वापर नमुने, GPU प्रक्रिया, ग्राफिक्स, मेमरी आणि शेकडो इतर परिमाण आहेत. ग्राहक त्यांच्या PC वर एकाच वेळी बर्‍याच अनुप्रयोग चालवत असल्यामुळे ब्राउझरसाठी ही संसाधने जबाबदारीने इतर अनुप्रयोगांसह सामायिक करणे महत्वाचे आहे.
वीज वापर
मूलभूत पीसी हार्डवेअरचा वापर करताना, वीज खर्चाचा विचार करणे आवश्यक आहे. ब्राउझर जितक्या अधिक कार्यक्षमतेने उर्जा वापरतो तितक्या लांबलचक बॅटरी मोबाइल परिदृश्यामध्ये टिकून राहतील, डिव्हाइस ऑपरेट करण्यासाठी विजेचा खर्च कमी होईल आणि पर्यावरणाचा प्रभाव जितका लहान असेल तितका कमी. शक्ती आणि कार्यक्षमता पूरक लक्ष्ये आहेत.
वेगवान वेबसाइट्स आणि अॅप्स विकसित करण्याबद्दल मी शिकलेल्या काही गोष्टी आणि आपण आज कामगिरी सुधारण्यासाठी बदल करू शकता याबद्दल आपल्याबरोबर सामायिक करू इच्छित आहे.
विक्रेते विचारात घेऊ शकतात अशी सात महत्त्वाची तत्त्वे आहेत:
- नेटवर्क विनंत्यांना त्वरीत प्रतिसाद द्या
- डाउनलोड करण्यासाठी बाइट कमी करा
- कार्यक्षमतेने रचना मार्कअप
- मीडिया वापर ऑप्टिमाइझ करा
- जलद जावास्क्रिप्ट लिहा
- मानक मोडमध्ये प्रस्तुत करा
- आपला अॅप काय करीत आहे यावर लक्ष ठेवा
या सात तत्वांमधे मी खाली अनेक उपयुक्त कार्यक्षमतेच्या टिप्स समाविष्ट केल्या आहेत ज्या आपल्या HTML5 वेबसाइट आणि अनुप्रयोगांना वेगवान बनवतील (अधिक HTML5 टिपांसाठी मी केलेल्या सादरीकरणाचा व्हिडिओ पहा).
नेटवर्क विनंत्यांना त्वरीत प्रतिसाद द्या
01. 3xx पुनर्निर्देशने प्रतिबंधित करा
जेव्हा एखादा वापरकर्ता दुव्यावर क्लिक करतो, तेव्हा त्यांना शक्य तितक्या लवकर सामग्री प्राप्त होण्याची अपेक्षा असते. 3xx रीडायरेक्शन अनुप्रयोगामध्ये 250 मिलीसेकंद विलंब तयार करू शकते. हे कदाचित थोड्या विलंब सारखे वाटत असेल परंतु ते पृष्ठ लोड वेळेच्या अंदाजे 10 टक्के आहे. जगातील जवळपास 63 टक्के वेबसाइट्समध्ये 3x एक्स रीडायरेक्शन आहेत.
02. सामग्री वितरण नेटवर्क (सीडीएन) वापरा
सीडीएन सह आपण आपला डेटा आपल्या वापरकर्त्याच्या जवळ भौगोलिकरित्या सहजपणे शोधू शकता. एजूरसारख्या सेवा यास मदत करतात आणि सामग्री दरम्यानच्या स्थानांमध्ये प्रवास करण्यासाठी लागणारा वेळ कमी करण्यास मदत करू शकतात. आजच्या नेटवर्कवर, ते 300 मिलिसेकंद इतकी बचत करू शकते.
03. समवर्ती कनेक्शन वाढवा
जेव्हा लोक एखाद्या नेटवर्कबद्दल विचार करतात तेव्हा ते बहुतेक वेळा एकाच पाईपलाईनबद्दल विचार करतात. खरं तर, ब्राउझर एका वेळी सहा संसाधने एकाच वेळी डाउनलोड करण्यास सक्षम करुन, एका वेळी सहा समवर्ती कनेक्शन बनवू शकतो. हे एकाधिक डोमेनवर शक्य आहे: आपली सामग्री वितरीत करून आपण एकाच वेळी डाउनलोड करू शकणार्‍या संसाधनांची संख्या वाढवू शकता. जर आपल्या वेबसाइटवर सहा किंवा सात डोमेनवर प्रतिमा असतील तर आपण पृष्ठ लोड होण्यास लागणार्‍या वेळेस कमी प्रमाणात कमी करू शकता.
04. आपल्या नेटवर्कची वेळ समजून घ्या
आपल्या नेटवर्क वेळेचे ब्रेकडाउन - नेव्हिगेशन वेळ, स्त्रोत वेळ आणि वापरकर्ता वेळ समजून घ्या - आणि आयई 10 सारख्या आधुनिक ब्राउझरमध्ये आणि विंडोज स्टोअर अ‍ॅप्समध्ये उपलब्ध मानक-आधारित एपीआय वापरा. आपल्या दस्तऐवजाच्या नेव्हिगेशनवर आपल्याला उच्च रिझोल्यूशन वेळ माहिती मिळू शकेल. नॅव्हिगेशन वेळ आपल्याला आपला अनुप्रयोग विविध टप्प्यात किती वेळ घालवते हे समजण्यास अनुमती देते.
डाउनलोड केलेले बाइट कमीतकमी करा
05. कमी संसाधने आणि बाइट डाउनलोड करा
आपण जितक्या कमी संसाधने अधिक चांगल्या प्रकारे डाउनलोड करू शकता. आपण डाउनलोड करीत असलेली संसाधने पहा आणि आपण जिथे कमी करू शकता तिथे कार्य करा. सरासरी वेबसाइट आज 777kB डेटा डाउनलोड करते. यापैकी बहुतेक बाइट्स प्रतिमांनी घेतल्या आहेत, त्यानंतर जावास्क्रिप्ट आणि फ्लॅश सामग्री आहे.
06. Gzip: नेटवर्क रहदारी कॉम्प्रेस करा
कमी बाइट्स डाउनलोड करण्याचा उत्तम मार्ग म्हणजे आपली सामग्री जीझिप करणे. बर्‍याच लोकांना ही सेवा विनामूल्य वापरली जात आहे कारण ते वापरत असलेल्या सर्व्हरमुळे, परंतु बर्‍याच जणांना नकळत हे डीकोडिंग तंत्र बंद केले.
07. मानक फाइल कॅपिटलायझेशन
हे सहसा लोकांना आश्चर्यचकित करते परंतु सर्व्हर अपर / लोअर केसमध्ये भिन्नता घेईल. पुढील डाउनलोड विनंत्या एकाच विनंतीचे दोन रूपे आहेत:
लोअर केस
img src = "icon.png" />
शीर्षक प्रकरण
img src = "Icon.png" />
वेब प्लॅटफॉर्मच्या दृष्टीकोनातून, या दोन भिन्न फायली आहेत. म्हणून, दोन भिन्न नेटवर्क विनंत्यांवर परिणाम म्हणून प्रक्रिया केली जाईल.
कार्यक्षमतेने रचना मार्कअप
08. क्विर्क्स मोड टाळा
क्वार्क्स मोड टाळण्यासाठी नेहमीच मानकांवर आधारित डॉकटाइप वापरा. डोक्टीपीटी एचटीएमएल> सह प्रारंभ करा. आधुनिक वेबला क्विरक्स मोडसाठी कोणतेही स्थान नाही, जे डिझाइन केले गेले होते जेणेकरून-० च्या दशकाच्या मधल्या वेब पृष्ठे आयआय and आणि फायरफॉक्स २ सारख्या शतकाच्या आधुनिक आधुनिक ’ब्राउझरमध्ये वापरण्यायोग्य असतील.
डॉकटाइपच्या आधी अवैध डॉकटाइप किंवा बाह्य मजकूर परिणाम म्हणून, बर्‍याच वेब पृष्ठे चुकून क्वार्क्स मोडमध्ये समाप्त होतात. हे डीबग करणे कठीण अशा विचित्र लेआउट समस्यांना कारणीभूत ठरू शकते.
09. इनलाइन जावास्क्रिप्ट इव्हेंट टाळा
आपण आपल्या HTML मार्कअपमध्ये इनलाइन जावास्क्रिप्ट इव्हेंट वापरणार नाही याची काळजी घ्या. याचे एक उदाहरण बटण ऑनक्लिक = "वैध करा ()"> प्रमाणित करा / बटण> असेल. ही एक प्रथा आहे जी मार्कअप, सादरीकरण आणि वर्तन दरम्यान अस्तित्त्वात असलेल्या स्वच्छ विभाजनास खंडित करते.
तसेच, जर तुमची स्क्रिप्ट फाईलच्या तळाशी लोड होत असेल तर वापरकर्त्याने पृष्ठाशी संवाद साधणे, इव्हेंट ट्रिगर करणे आणि अद्याप लोड न झालेल्या स्क्रिप्टला कॉल करण्याचा प्रयत्न करणे शक्य आहे, ज्यामुळे त्रुटी उद्भवू शकते.
10. पृष्ठाच्या शीर्षस्थानी शैली पत्रके जोडा
पृष्ठाच्या शीर्षस्थानी सीएसएस ठेवून, ब्राउझर प्रथम विनंती जारी करेल आणि सीएसएस पूर्ण होईपर्यंत एकाच वेळी पेंटिंग अवरोधित करेल. सीएसएस डोक्यावर ठेवून, प्रतिमा, जावास्क्रिप्ट आणि इतर वेळ गहन संसाधने नंतर डाउनलोड केल्या जाऊ शकतात. यासाठी, आम्ही पृष्ठाच्या तळाशी आपल्या सीएसएसशी दुवा साधण्याबद्दल देखील सल्ला देऊ.
11. केवळ आवश्यक शैली समाविष्ट करा
आपल्या वेबसाइटवर सामायिक केलेली एक खूप मोठी सीएसएस फाईल ठेवणे ही चांगली कल्पना आहे असे वाटते. जगातील काही शीर्ष बातम्या साइट आज या पद्धतीचा वापर करतात. उदाहरणार्थ एका बातमी साइटवर 4,000 नियम असलेली एक शैली पत्रक आहे, त्यापैकी एका पृष्ठात फक्त 5-10 टक्के वापरले जातात. ब्राउझरला या सर्व शैली डाउनलोड कराव्या लागतील, त्या पास कराव्यात आणि अंतर्गत डेटा स्ट्रक्चर्स तयार कराव्यात, त्यापैकी बहुतेक कधीही वापरली जाणार नाहीत.
12. आपल्या जावास्क्रिप्टला पृष्ठाच्या तळाशी दुवा साधा
ही सामान्य सर्वोत्तम सराव आहे. शैली आणि व्हिज्युअल प्रथम डाउनलोड केल्या आहेत हे आपण नेहमीच सुनिश्चित केले पाहिजे. अशाप्रकारे, जावास्क्रिप्ट नंतर अनुसरण करू शकते आणि पृष्ठ कसे आवडते हे हाताळू शकते. तथापि, आपण सीआरएम सिस्टमद्वारे किंवा आपण वापरत असलेल्या होस्टिंग सेवेद्वारे निश्चित केल्यानुसार, शीर्षलेखात जावास्क्रिप्टचा दुवा साधण्यासाठी आपल्यास निश्चितपणे डीफर्ड टॅग वापरण्याची खात्री करा.
13. HTML5 टॅगची मर्यादा समजून घ्या
विभाग>, शीर्षलेख> आणि तळटीप> यासारखे नवीन HTML5 टॅग मार्कअपचे शब्दसंग्रह सुधारित करतात, परंतु इंटरनेट एक्सप्लोरर 6, 7 आणि 8 मध्ये चालण्यासाठी विशेष शिव स्क्रिप्ट आवश्यक आहे किंवा ते ओळखले जाणार नाहीत. स्क्रिप्ट्स अक्षम केलेली असतानाही, या लीगेसी ब्राउझरसह कार्य करण्याची आवश्यकता असलेली पृष्ठे नवीन HTML5 टॅग वापरू शकत नाहीत. त्या प्रकरणांमध्ये प्लेन डिव्ह> घटक आणि वर्ग वापरणे हा बर्‍याचदा सुरक्षित कारवाईचा मार्ग असतो.
14. एकाच फ्रेमवर्कवर प्रमाणित करा
तेथे बरेच जावास्क्रिप्ट फ्रेमवर्क आहेत आणि त्यापैकी बरेच कार्यक्षमतेच्या बाबतीत समान गोष्टी करतात. ब्राउझरला जावास्क्रिप्ट डाउनलोड करणे, त्यास पास करणे आणि आपण त्यांना अंमलात आणाल की नाही हे जाणून घेतल्याशिवाय अंतर्गत डेटा स्ट्रक्चर्स तयार करावे लागतील. एका, एकाच फ्रेमवर्कला चिकटून राहून, आपण आपली कार्यक्षमता लक्षणीय वाढवाल.
15. छान होण्यासाठी स्क्रिप्ट समाविष्ट करू नका
तिथे बर्‍याच ’मस्त’ स्क्रिप्ट्स आहेत. स्क्रिप्ट फाइल समाविष्ट करणे खरोखर सोपे आहे जी पार्श्वभूमीत काहीतरी ‘छान’ करते, परंतु ती स्क्रिप्ट फाइल आपल्या पृष्ठ लोडमधील संसाधनांसह स्पर्धा करते. आपली खात्री आहे की ते आवश्यक आहे?
मीडिया वापर ऑप्टिमाइझ करा
16. प्रतिमांची संख्या कमी करा
डाउनलोड केलेले बहुतेक बाइट प्रतिमांसाठी आहेत. शीर्ष 100,000 वेबसाइटवरील प्रतिमांची सरासरी संख्या 58 आहे. जेव्हा आपण 20-30 प्रतिमांपेक्षा जास्त पुढे जाता तेव्हा आपण कार्यप्रदर्शन प्रभाव दिसण्यास प्रारंभ कराल. आपल्या सर्व स्त्रोतांकडे पहा आणि आपल्याला त्यांची आवश्यकता आहे की नाही हे स्वतःला विचारा.
17. प्रतिमा स्प्राइट वापरा
प्रतिमा स्प्राइट्स डाउनलोड करण्याची आवश्यकता असलेल्या डेटाचे प्रमाण लक्षणीयरीत्या कमी करू शकतात. जेथे शक्य असेल तेथे हाताने प्रतिमा स्प्राइट तयार करा.
18. आपण कोणते प्रतिमा स्वरूपन वापरता याचा विचार करा
पीएनजी सुसंगतता, कोडिंग आकार, सीपीयू डिकोडिंग वेळ आणि सीपीयू डिकोडिंगसाठी आवश्यक बाइट दरम्यान सर्वात कार्यक्षम शिल्लक प्रदान करते. त्यात सर्वोत्कृष्ट कॉम्प्रेशन दर देखील आहे. तथापि, छायाचित्रांसाठी, जेपीईजी हे अधिक चांगले स्वरूप आहे.
19. जटिल एसव्हीजी मार्ग टाळा
कॉम्पलेक्स एसव्हीजी पथ ब्राउझरला अंतर्गत डेटा स्ट्रक्चर्स डाउनलोड करण्यास, तयार करण्यास आणि तयार करण्यात बराच वेळ घेतात. जिथे शक्य असेल तिथे सर्वात संक्षिप्त एसव्हीजी मार्ग तयार करण्याचा प्रयत्न करा. यास थोडा वेळ लागू शकेल, परंतु हाताने एसव्हीजी मार्ग तयार करणे खरोखर मदत करू शकेल.
20. एचटीएमएल 5 व्हिडिओसाठी प्रतिमा पूर्वावलोकन निर्दिष्ट करा
आपण प्रतिमा पूर्वावलोकन निर्दिष्ट न केल्यास ब्राउझरला व्हिडिओ डाउनलोड करावा लागेल, प्रथम फ्रेम काय आहे हे शोधून काढावे लागेल आणि नंतर वापरकर्त्यास ते प्रदर्शित करावे लागेल. प्रतिमेचे पूर्वावलोकन निर्दिष्ट करुन ब्राउझरला फक्त प्रतिमा डाउनलोड करण्याची आवश्यकता नाही. जेव्हा वापरकर्त्याने विनंती केली तेव्हाच ते व्हिडिओ डाउनलोड करण्यास प्रारंभ करते.
21. मीडिया प्लग-इन वापर कमी करा
समज असूनही, बर्‍याच मीडिया प्लगइन चालू व्हिडिओवर HTML5 इतके वेगवान नसतात. शिवाय, ते संसाधनांच्या अनुप्रयोगासह स्पर्धा करतील.
जलद जावास्क्रिप्ट लिहा
22. आपली जावास्क्रिप्ट लहान करा
बरेच लोक या तंत्राशी परिचित असतील. मूलत :, आपण आपली जावास्क्रिप्ट घ्याल, काही वर्ण काढा आणि नंतर व्हेरिएबल्स सुलभ करा. खाली दर्शविल्याप्रमाणेः
प्रारंभिक (66 वर्ण)
फंक्शन बेरीज (संख्या 1, संख्या 2) {परतावा (संख्या 1 + संख्या 2); }
वर्ण काढले (characters 54 वर्ण)
कार्य बेरीज (संख्या 1, संख्या 2) {रिटर्न क्रमांक 1 + संख्या 2;
संक्षिप्त (30 वर्ण)
फंक्शन बेरीज (अ, बी) {a + बी परत द्या}
डाउनलोड करण्यासाठी आपल्याकडे कमी जेएस शिल्लक आहेत, आणि एक लपलेला फायदा आहेः रनटाइम कामगिरी. कडक कोड आणि लहान चल नावांसह, रनटाइम वेगवान व्हेरिएबल्स जलद शोधू शकतो, डाउनलोड तसेच रनटाइम कामगिरी सुधारित करेल.
याव्यतिरिक्त, मागणीनुसार जावास्क्रिप्ट प्रारंभ करा. पृष्ठ लोड करताना आपली संपूर्ण जावास्क्रिप्ट लायब्ररी लोड करू नका - जेव्हा आपल्याला आवश्यक असेल तेव्हा आपण ते गतिशीलपणे करू शकता.
मानक मोडमध्ये प्रस्तुत करा
23. वेब मानक वापरा
केवळ वेब स्टँडर्डचा वापर केल्याने विकासाची किंमत कमी होते आणि ब्राउझर आणि डिव्‍हाइसेसवरील चाचणीची जटिलता कमी होते, परंतु यामुळे काही लक्षणीय कामगिरी लाभ देखील मिळू शकतात. वस्तुतः आम्हाला आढळले आहे की आयई 10 मधील साइट स्टँडर्ड मोडमध्ये स्विच केल्यावर पृष्ठ सरासरी 30 टक्क्यांनी अधिक चांगला पृष्ठ लोड वेळ मिळाला. आयई 9 मध्येही फायदा समान आहे.
मानक मोड हा सर्व ब्राउझरचा डीफॉल्ट प्रस्तुतीकरण मोड आहे आणि सर्व ब्राउझरमध्ये समान कार्य करणार्‍या वेब मानकांची सर्वोत्तम अंमलबजावणी ऑफर करतो. मानके मोड व्यतिरिक्त, आयई कार्यरत असलेल्या जुन्या आवृत्तीसाठी डिझाइन केलेल्या वेबसाइट्स ठेवण्यासाठी सुसंगतता मोड प्रदान करते. पूर्वी विशेषत: ब्राउझर शोधणे आणि नंतर त्याकरिता कोड सर्व्ह करणे ही सामान्य पद्धत होती तेव्हा हे विशेषतः उपयुक्त होते. परंतु यापुढे बर्‍याच प्रकरणांमध्ये हे आवश्यक नाही कारण वेब स्टँडर्ड कोड मानक ब्राउझरमध्ये IE10 आणि 9 सह आधुनिक ब्राउझरमध्ये तसेच प्रदर्शित केला जातो. ही नवीन प्रथा सामान्यतः वैशिष्ट्य शोध म्हणून ओळखली जाते आणि मॉडर्निझरद्वारे लोकप्रिय केली गेली).
आपला अनुप्रयोग काय करीत आहे यावर लक्ष ठेवा
24. timeप्लिकेशन टाइमर एकत्र करा
वेबवर आज बर्‍याच अनुप्रयोगांमध्ये 5-10 टाइमर असतात जे नेहमीच चालू असतात. त्यातील जवळपास निम्मे टायर्स सुप्त आहेत. टाइमर किंवा अनुक्रम अनावश्यकपणे चालू नसल्याचे सुनिश्चित करा. शक्य असल्यास, आपले अ‍ॅप्लिकेशन टाइमर एकत्र करा आणि आपण शक्य असल्यास, एक सर्व टाइमर तयार करा जे आपले सर्व क्रम व्यवस्थापित करते.
25. आपल्या अ‍ॅपची दृश्यमानता स्थिती तपासा
आपल्या अनुप्रयोगाची दृश्यमान स्थिती जाणून घेतल्याशिवाय आपण नेहमीच दृश्यमान म्हणून डिझाइन करण्यास भाग पाडले जाते. पृष्ठ दृश्यमानता आयई 10 आणि विंडोज स्टोअर अॅप्स तसेच बर्‍याच आधुनिक ब्राउझरमध्ये समर्थित नवीन मानक-आधारित एपीआय आहे.
पृष्ठ दृश्यमानता आपल्याला अनुप्रयोगाची दृश्यमानता स्थिती निर्धारित करण्यास अनुमती देते, जेणेकरून जेव्हा आपल्याला माहित असेल की अनुप्रयोग दृश्यमान नाही आणि तसे करताना, सीपीयू वेळ वाचवेल आणि बॅटरीचे आयुष्य वाढेल.
निष्कर्ष
आपल्या साइटवर चांगल्या साइट कामगिरीचा मोठा परिणाम होऊ शकतो. वापरकर्त्यांनी साइट सोडणे हे वेब पृष्ठ लोड करणे हे एक प्रमुख घटक आहे, साइटची विश्वासार्हता कमी करू शकते आणि उत्पादनांच्या विक्रीवर परिणाम होऊ शकतो. वरील काही टिप्सची वेळ बचती तुलनेने कमी वाटू शकते, परंतु जेव्हा एकत्रितपणे अंमलात आणली जाते तेव्हा त्या वेळेची बचत करु शकतात. एवढेच काय तर ते प्रथम कार्यक्षमतेबद्दल विचार करण्यास आणि सर्वात आधी वापरकर्त्याच्या अनुभवासह अॅप्स आणि साइट तयार करण्यासाठी प्रोत्साहित करतील.
शब्दः जतिंदर मान
हा लेख मूळतः नेट मासिक मासिक 244 मध्ये आला.
हे आवडले? हे वाचा!
- आमचे आवडते वेब फॉन्ट - आणि त्यांना एका पैशाची किंमत नाही
- अॅप कसा तयार करायचा: या उत्कृष्ट ट्यूटोरियलचा प्रयत्न करा
- जावास्क्रिप्टची ही प्रमुख उदाहरणे पहा
उपयुक्त HTML5 टीप मिळाली? टिप्पण्यांमध्ये सामायिक करा!
