பயனர் அனுபவத்தை மேம்படுத்தவும், தகவமைக்கும் செயலிகளை உருவாக்கவும், முகப்பு நெட்வொர்க் தர குறிகாட்டிகளை உருவாக்குதல் மற்றும் செயல்படுத்துதல் பற்றிய டெவலப்பர்களுக்கான ஒரு விரிவான வழிகாட்டி.
முகப்பு நெட்வொர்க் தர குறிகாட்டிகளைக் கொண்டு பயனர் அனுபவத்தை மேம்படுத்துதல்
இந்த பொதுவான சூழ்நிலையை கற்பனை செய்து பாருங்கள்: ஒரு பயனர் உங்கள் அதிநவீன வலைச் செயலியைப் பயன்படுத்துகிறார். திடீரென்று, செயல்பாடுகள் மந்தமாகின்றன, பதிவேற்றங்கள் தோல்வியடைகின்றன, மேலும் வீடியோக்கள் முடிவில்லாமல் இடையகமாகின்றன. விரக்தியடைந்து, உங்கள் செயலி மெதுவாகவும் நம்பகத்தன்மையற்றதாகவும் இருப்பதாகக் குற்றம் சாட்டி, அவர்கள் அந்த தாவலை மூடுகிறார்கள். அவர்கள் ஒரு எதிர்மறையான விமர்சனத்தை இடலாம் அல்லது மோசமாக, மீண்டும் ஒருபோதும் திரும்பாமல் போகலாம். ஆனால், குற்றவாளி உங்கள் செயலியின் செயல்திறன் அல்ல, மாறாக அவர்களின் சொந்த நிலையற்ற Wi-Fi இணைப்புதான். பயனருக்கு இதை அறிய எந்த வழியும் இல்லை.
உண்மையான மற்றும் உணரப்பட்ட செயல்திறனுக்கு இடையேயான இந்தத் துண்டிப்பு நவீன வலை மேம்பாட்டில் ஒரு குறிப்பிடத்தக்க சவாலாகும். செயலிகள் மிகவும் சிக்கலானதாகவும் உலகளவில் விநியோகிக்கப்பட்டதாகவும் மாறும்போது, நமது பயனர்களுக்கு நிலையான, அதிவேக இணைய இணைப்பு இருப்பதாக நாம் இனி கருத முடியாது. தீர்வு என்பது வேகமான செயலிகளை உருவாக்குவது மட்டுமல்ல, பயனரின் நெட்வொர்க் சூழலை அறிந்த மற்றும் அதற்கேற்ப மாற்றியமைக்கக்கூடிய புத்திசாலித்தனமான செயலிகளை உருவாக்குவதே ஆகும். இங்குதான் முகப்பு நெட்வொர்க் தரக் குறிகாட்டி (NQI) வருகிறது.
ஒரு NQI என்பது ஒரு பயனர் இடைமுகக் கூறு ஆகும், இது பயனருக்கு அவர்களின் இணைப்பு நிலை குறித்து நிகழ்நேரக் கருத்தை வழங்குகிறது. இது வெறும் அலங்கார ஐகானை விட மேலானது; இது எதிர்பார்ப்புகளை நிர்வகிப்பதற்கும், நம்பிக்கையை உருவாக்குவதற்கும், மற்றும் ஒரு புதிய வகை நெகிழ்ச்சியான, தகவமைக்கும் பயனர் இடைமுகங்களை இயக்குவதற்கும் ஒரு சக்திவாய்ந்த கருவியாகும். இந்த வழிகாட்டி உங்கள் முகப்புச் செயலியில் உலகத் தரம் வாய்ந்த NQI-ஐ செயல்படுத்துவதன் ஏன், என்ன, மற்றும் எப்படி என்பதைப் பற்றி ஆழமாக ஆராயும்.
ஒவ்வொரு நவீன செயலிக்கும் ஏன் ஒரு நெட்வொர்க் தரக் குறிகாட்டி தேவை
ஒரு NQI-ஐ ஒருங்கிணைப்பது ஒரு கூடுதல் அம்சமாகத் தோன்றலாம், ஆனால் பயனர் அனுபவத்தில் அதன் தாக்கம் ஆழமானது. இது மோசமான இணைப்பு காலங்களில் உங்கள் செயலியுடனான பயனரின் உறவை அடிப்படையில் மாற்றுகிறது.
பயனர் எதிர்பார்ப்புகளை நிர்வகித்தல் மற்றும் விரக்தியைக் குறைத்தல்
வெளிப்படைத்தன்மை முக்கியமானது. ஒரு செயலி மெதுவாக உணரும்போது, பயனரின் இயல்புநிலை அனுமானம் செயலி பழுதடைந்துள்ளது என்பதுதான். ஒரு NQI சிக்கலை வெளிப்புறப்படுத்துகிறது. ஒரு எளிய "இணைப்பு: நிலையற்றது" என்ற செய்தி பயனரின் கவனத்தை "இந்த செயலி பழுதடைந்துள்ளது" என்பதிலிருந்து "எனது நெட்வொர்க் சிக்கல்களை ஏற்படுத்துகிறது" என்பதற்கு மாற்றுகிறது. இந்த எளிய அறிவாற்றல் மாற்றம், உங்கள் சேவையைக் கைவிடும் ஒரு விரக்தியடைந்த பயனருக்கும், நிலைமையைப் புரிந்துகொண்டு தங்கள் இணைப்பு மேம்படும் வரை காத்திருக்கும் ஒரு தகவல் அறிந்த பயனருக்கும் இடையேயான வித்தியாசமாக இருக்கலாம்.
உணரப்பட்ட செயல்திறனை மேம்படுத்துதல்
உணரப்பட்ட செயல்திறன் என்பது ஒரு செயலி பயனருக்கு எவ்வளவு வேகமாக உணரப்படுகிறது என்பதாகும், இது பெரும்பாலும் அதன் உண்மையான ஏற்றுதல் நேரத்தை விட முக்கியமானது. இதற்கு ஒரு NQI கணிசமாக பங்களிக்கிறது. உடனடி கருத்துக்களை வழங்குவதன் மூலம், செயலி மிகவும் பதிலளிக்கக்கூடியதாகவும் புத்திசாலித்தனமாகவும் உணரப்படுகிறது. ஒரு செயல் ஏன் இவ்வளவு நேரம் எடுக்கிறது என்று பயனர் இனி யூகிக்க வேண்டியதில்லை. இந்த கருத்து வளையம், செயலி சவாலான நெட்வொர்க் நிலைமைகளின் கீழ் இன்னும் வேலை செய்கிறது என்று அவர்களுக்கு உறுதியளிக்கிறது.
தகவமைக்கும் பயனர் இடைமுகங்களை இயக்குதல்
இங்குதான் ஒரு NQI ஒரு எளிய குறிகாட்டியிலிருந்து செயலியின் தர்க்கத்தின் ஒரு ஒருங்கிணைந்த பகுதியாக மாறுகிறது. நெட்வொர்க் தரத்தை நிரல்ரீதியாக அறிந்துகொள்வதன் மூலம், சூழ்நிலைகளின் கீழ் சிறந்த அனுபவத்தை வழங்க செயலியின் நடத்தையை நீங்கள் மாறும் வகையில் சரிசெய்யலாம். இந்த முன்கூட்டிய அணுகுமுறை ஒரு நெகிழ்ச்சியான, நவீன வலைச் செயலியின் அடையாளமாகும்.
- வீடியோ கான்பரன்சிங்: அலைவரிசை குறையும்போது தானாகவே வீடியோ ரெசொலூஷனைக் குறைக்கவும் அல்லது ஆடியோவிற்கு மட்டும் மாறவும்.
- இ-காமர்ஸ்: மெதுவான இணைப்புகளில் பக்கம் விரைவாக ஏற்றப்படுவதை உறுதிசெய்ய குறைந்த தரமான தயாரிப்புப் படங்களை ஏற்றவும்.
- கூட்டுப்பணி கருவிகள்: ஒரு பலவீனமான இணைப்பை மூழ்கடிப்பதைத் தவிர்க்க சேவையகத்திற்கு தரவுப் பொட்டலங்களை அனுப்புவதற்கு இடையேயான தாமதத்தை அதிகரிக்கவும்.
சிறந்த கண்டறிதல் மற்றும் ஆதரவை வழங்குதல்
ஒரு பயனர் ஒரு பிழை அல்லது செயல்திறன் சிக்கலைப் புகாரளிக்கும்போது, ஒரு ஆதரவுக் குழு கேட்கும் முதல் கேள்விகளில் ஒன்று பயனரின் சூழலைப் பற்றியது. உங்கள் செயலி கிளையன்ட் பக்க நெட்வொர்க் தர அளவீடுகளைப் பதிவுசெய்தால், உங்கள் ஆதரவுக் குழுவிற்கு உடனடி, செயல்படுத்தக்கூடிய தரவு உள்ளது. அவர்கள் பயனர் புகாரளித்த சிக்கல்களை நெட்வொர்க் சீரழிவுடன் தொடர்புபடுத்தலாம், இது விரைவான தீர்வுகளுக்கு வழிவகுக்கும் மற்றும் "மீண்டும் உருவாக்க முடியவில்லை" வழக்குகளின் எண்ணிக்கையைக் குறைக்கும்.
ஒரு நெட்வொர்க் தரக் குறிகாட்டியின் கட்டமைப்பு: கண்காணிக்க வேண்டிய முக்கிய அளவீடுகள்
ஒரு பயனுள்ள NQI-ஐ உருவாக்க, நீங்கள் சரியான விஷயங்களை அளவிட வேண்டும். ஒரு இணைப்பின் தரம் என்பது ஒரு தனி எண் அல்ல, ஆனால் பல காரணிகளின் கலவையாகும். இங்கே கருத்தில் கொள்ள வேண்டிய மிக முக்கியமான அளவீடுகள் உள்ளன.
அலைவரிசை (டவுன்லிங்க் / அப்லிங்க்)
அது என்ன: அலைவரிசை என்பது ஒரு நெட்வொர்க்கில் தரவு மாற்றப்படக்கூடிய அதிகபட்ச விகிதமாகும், இது பொதுவாக மெகாபிட்கள் प्रति வினாடி (Mbps) இல் அளவிடப்படுகிறது. டவுன்லிங்க் என்பது தரவைப் பெறும் வேகம் (எ.கா., ஒரு வலைப்பக்கத்தை ஏற்றுதல், வீடியோவைப் பார்ப்பது), அதேசமயம் அப்லிங்க் என்பது தரவை அனுப்பும் வேகம் (எ.கா., ஒரு கோப்பைப் பதிவேற்றுதல், ஒரு அழைப்பில் உங்கள் வீடியோ ஊட்டம்).
அது ஏன் முக்கியம்: படங்கள், வீடியோக்கள் மற்றும் ஸ்கிரிப்ட்கள் போன்ற பெரிய சொத்துக்களை எவ்வளவு விரைவாகப் பதிவிறக்கலாம் அல்லது பதிவேற்றலாம் என்பதை இது நேரடியாகப் பாதிக்கிறது. குறைந்த அலைவரிசை "மந்தநிலை"க்கான கிளாசிக் காரணமாகும்.
செயல் தாமதம் (ரவுண்ட்-ட்ரிப் டைம் - RTT)
அது என்ன: செயல் தாமதம் என்பது உங்கள் சாதனத்திலிருந்து ஒரு சேவையகத்திற்கு ஒரு தரவுப் பொட்டலம் சென்று மீண்டும் வர எடுக்கும் நேரம். இது மில்லி விநாடிகளில் (ms) அளவிடப்படுகிறது.
அது ஏன் முக்கியம்: அதிக செயல் தாமதம், அதிக அலைவரிசையுடன் கூட ஒரு செயலியை மந்தமாகவும் பதிலளிக்காததாகவும் உணர வைக்கிறது. ஒவ்வொரு கிளிக்கிற்கும், ஒவ்வொரு தொடர்புக்கும், RTT ஆல் தாமதமாகிறது. ஆன்லைன் கேமிங், நிதி வர்த்தக தளங்கள் மற்றும் கூட்டு எடிட்டிங் கருவிகள் போன்ற நிகழ்நேரச் செயலிகளுக்கு இது மிகவும் முக்கியமானது.
ஜிட்டர்
அது என்ன: ஜிட்டர் என்பது காலப்போக்கில் செயல் தாமதத்தில் ஏற்படும் மாறுபாடு ஆகும். ஒரு நிலையற்ற இணைப்பு, எடுத்துக்காட்டாக, 20ms முதல் 200ms வரை மற்றும் மீண்டும் மீண்டும் மாறுபடும் RTT-ஐக் கொண்டிருக்கலாம்.
அது ஏன் முக்கியம்: அதிக ஜிட்டர் நிகழ்நேர ஆடியோ மற்றும் வீடியோ ஸ்ட்ரீமிங்கிற்கு பேரழிவுகரமானது. இது பொட்டலங்கள் வரிசை மாறி அல்லது சீரற்ற தாமதங்களுடன் வர காரணமாகிறது, இதன் விளைவாக குழப்பமான ஆடியோ, உறைந்த வீடியோ மற்றும் பொதுவாக மோசமான அழைப்புத் தரம் ஏற்படுகிறது. குறைந்த செயல் தாமதம் ஆனால் அதிக ஜிட்டர் கொண்ட ஒரு இணைப்பு, சீராக மிதமான செயல் தாமதம் கொண்ட இணைப்பை விட மோசமாக உணரப்படலாம்.
தரவுப் பொட்டல இழப்பு
அது என்ன: நெட்வொர்க்கில் அனுப்பப்பட்ட தரவுப் பொட்டலங்கள் அவற்றின் இலக்கை அடையத் தவறும்போது தரவுப் பொட்டல இழப்பு ஏற்படுகிறது. இது பொதுவாக சதவீதமாக வெளிப்படுத்தப்படுகிறது.
அது ஏன் முக்கியம்: தரவுப் பொட்டல இழப்பின் தாக்கம் பயன்படுத்தப்படும் நெறிமுறையைப் பொறுத்தது. TCP (பெரும்பாலான வலை உலாவலுக்குப் பயன்படுத்தப்படுகிறது) உடன், இழந்த பொட்டலங்கள் மீண்டும் அனுப்பப்படுகின்றன, இது செயல் தாமதத்தை அதிகரித்து செயல்திறனைக் குறைக்கிறது. UDP (பெரும்பாலும் நேரடி வீடியோ/ஆடியோவிற்குப் பயன்படுத்தப்படுகிறது) உடன், இழந்த பொட்டலங்கள் என்றென்றும் போய்விடும், இதன் விளைவாக ஸ்ட்ரீமின் காணாமல் போன துண்டுகள் (எ.கா., வீடியோவில் ஒரு தடுமாற்றம்) ஏற்படும்.
தொழில்நுட்பச் செயலாக்கம்: ஒரு இணைப்புத் தரக் காட்சியை எவ்வாறு உருவாக்குவது
முகப்பில் நெட்வொர்க் தரத்தை அளவிட பல அணுகுமுறைகள் உள்ளன, ஒவ்வொன்றும் அதன் சொந்த வர்த்தகங்களைக் கொண்டுள்ளன. சிறந்த தீர்வு பெரும்பாலும் பல முறைகளை ஒருங்கிணைக்கிறது.
முறை 1: உலாவியின் சொந்தக் கருவிகள் - நெட்வொர்க் தகவல் ஏபிஐ
நவீன உலாவிகள் பயனரின் இணைப்பின் ஒரு ஸ்னாப்ஷாட்டைப் பெற உள்ளமைக்கப்பட்ட ஜாவாஸ்கிரிப்ட் ஏபிஐ-ஐ வழங்குகின்றன. நெட்வொர்க்கின் அடிப்படைப் புரிதலைப் பெறுவதற்கான எளிய மற்றும் திறமையான வழி இது.
அது எப்படி வேலை செய்கிறது: இந்த ஏபிஐ-ஐ `navigator.connection` பொருள் மூலம் அணுகலாம். இது பல பயனுள்ள பண்புகளை வழங்குகிறது:
downlink: Mbps இல் மதிப்பிடப்பட்ட பயனுள்ள அலைவரிசை.effectiveType: செயல்திறனின் அடிப்படையில் இணைப்பு வகையின் வகைப்பாடு, அதாவது 'slow-2g', '2g', '3g', அல்லது '4g'. இது மூல டவுன்லிங்க் எண்ணை விட பெரும்பாலும் பயனுள்ளதாக இருக்கும்.rtt: மில்லி விநாடிகளில் பயனுள்ள ரவுண்ட்-ட்ரிப் டைம்.saveData: பயனர் தனது உலாவியில் தரவுச் சேமிப்பு பயன்முறையை இயக்கியுள்ளாரா என்பதைக் குறிக்கும் ஒரு பூலியன்.
ஜாவாஸ்கிரிப்ட் எடுத்துக்காட்டு:
function updateConnectionStatus() {
const connection = navigator.connection || navigator.mozConnection || navigator.webkitConnection;
if (!connection) {
console.log('Network Information API not supported.');
return;
}
console.log(`Effective Connection Type: ${connection.effectiveType}`);
console.log(`Estimated Downlink: ${connection.downlink} Mbps`);
console.log(`Estimated RTT: ${connection.rtt} ms`);
console.log(`Data Saver Enabled: ${connection.saveData}`);
// You can now update your UI based on these values
// For example, display a 'slow connection' warning if effectiveType is '2g'.
}
// Initial check
updateConnectionStatus();
// Listen for changes in the network connection
navigator.connection.addEventListener('change', updateConnectionStatus);
நன்மைகள்:
- எளிய மற்றும் எளிதானது: செயல்படுத்த மிகக் குறைந்த குறியீடு தேவை.
- சக்தித் திறன் வாய்ந்தது: இது இயக்க முறைமையால் வழங்கப்படும் ஒரு செயலற்ற அளவீடு, எனவே இது கூடுதல் பேட்டரி அல்லது தரவைப் பயன்படுத்தாது.
- பயனர் விருப்பத்தை மதிக்கிறது: `saveData` பண்பு, குறைந்த தரவுப் பயன்பாட்டிற்கான பயனரின் விருப்பத்தை மதிக்க உங்களை அனுமதிக்கிறது.
குறைகள்:
- உலாவி ஆதரவு: எல்லா உலாவிகளிலும் ஆதரிக்கப்படவில்லை (குறிப்பாக டெஸ்க்டாப் மற்றும் iOS இல் சஃபாரி).
- கோட்பாட்டு மதிப்புகள்: இந்த மதிப்புகள் பெரும்பாலும் இயக்க முறைமையின் இணைப்பு வகை பற்றிய அறிவை (எ.கா., செல்லுலார் நெட்வொர்க் வலிமை) அடிப்படையாகக் கொண்டவை, மாறாக உங்கள் சேவையகத்திற்கான நிகழ்நேர செயல்திறனை அடிப்படையாகக் கொண்டவை அல்ல. RTT ஒரு பொதுவான மதிப்பீடாக இருக்கலாம், உங்கள் செயலியின் பின்களத்திற்கான உண்மையான செயல் தாமதமாக இருக்காது.
முறை 2: செயலில் ஆய்வு - நிஜ உலக செயல்திறனை அளவிடுதல்
உங்கள் செயலியின் உள்கட்டமைப்புக்கு குறிப்பிட்ட, மிகவும் துல்லியமான, நிகழ்நேரத் தரவுகளுக்கு, நீங்கள் இணைப்பை தீவிரமாக அளவிட வேண்டும். இது உங்கள் சேவையகத்திற்கு சிறிய கோரிக்கைகளை அனுப்பி, மறுமொழி நேரத்தை அளவிடுவதை உள்ளடக்கியது.
செயல் தாமதத்தை (RTT) அளவிடுதல்:
மிகவும் பொதுவான நுட்பம் "பிங்-பாங்" பொறிமுறையாகும். கிளையன்ட் ஒரு நேர முத்திரையுடன் ஒரு செய்தியை அனுப்புகிறது, மேலும் சேவையகம் உடனடியாக அதைத் திருப்பி அனுப்புகிறது. கிளையன்ட் பின்னர் நேர வித்தியாசத்தைக் கணக்கிடுகிறது.
ஜாவாஸ்கிரிப்ட் எடுத்துக்காட்டு (Fetch API ஐப் பயன்படுத்தி):
async function measureLatency(endpointUrl) {
const startTime = Date.now();
try {
// We use 'no-cache' to ensure we're not getting a cached response
// The HEAD method is lightweight as it doesn't download the body
await fetch(endpointUrl, { method: 'HEAD', cache: 'no-store' });
const endTime = Date.now();
const latency = endTime - startTime;
console.log(`Measured RTT to ${endpointUrl}: ${latency} ms`);
return latency;
} catch (error) {
console.error('Latency measurement failed:', error);
return null;
}
}
// Periodically measure latency
setInterval(() => measureLatency('/api/ping'), 5000); // Check every 5 seconds
குறிப்பு: இது முழு கோரிக்கை-பதில் சுழற்சி நேரத்தை அளவிடுகிறது, இதில் சேவையக செயலாக்க நேரமும் அடங்கும். ஒரு தூய நெட்வொர்க் RTT-க்கு, நீங்கள் வெப்சாக்கெட்டுகளைப் பயன்படுத்தலாம், அங்கு சேவையகம் செய்தியை உடனடியாகப் பிரதிபலிக்க முடியும்.
அலைவரிசையை அளவிடுதல்:
இது தந்திரமானது மற்றும் அதிக ஊடுருவக்கூடியது. அடிப்படை யோசனை என்னவென்றால், ஒரு குறிப்பிட்ட அளவுள்ள கோப்பைப் பதிவிறக்கம் செய்து, அது எவ்வளவு நேரம் எடுக்கிறது என்பதை அளவிடுவது.
ஜாவாஸ்கிரிப்ட் எடுத்துக்காட்டு:
async function measureBandwidth(fileUrl, fileSizeInBytes) {
const startTime = Date.now();
try {
const response = await fetch(fileUrl, { cache: 'no-store' });
await response.blob(); // Consume the response body
const endTime = Date.now();
const durationInSeconds = (endTime - startTime) / 1000;
const bitsLoaded = fileSizeInBytes * 8;
const speedBps = bitsLoaded / durationInSeconds;
const speedKbps = speedBps / 1024;
const speedMbps = speedKbps / 1024;
console.log(`Measured bandwidth: ${speedMbps.toFixed(2)} Mbps`);
return speedMbps;
} catch (error) {
console.error('Bandwidth measurement failed:', error);
return null;
}
}
// Example usage: test with a 1MB file
// measureBandwidth('/__tests/1mb.dat', 1048576);
முக்கியமான கருத்தில் கொள்ள வேண்டியது: அலைவரிசை ஆய்வு பயனர் தரவைப் பயன்படுத்துகிறது. இதைச் சிக்கனமாகப் பயன்படுத்தவும், சிறிய கோப்புகளுடன், மற்றும் முடிந்தால், பயனர் ஒப்புதலைப் பெறவும் அல்லது பெரிய பதிவேற்றத்திற்கு முன்பு போன்ற குறிப்பிட்ட சூழ்நிலைகளில் மட்டுமே இதைத் தூண்டவும்.
முறை 3: வெப்ஆர்டிசி புள்ளிவிவரங்களைப் பயன்படுத்துதல்
உங்கள் செயலி ஏற்கனவே நிகழ்நேர வீடியோ அல்லது ஆடியோ தொடர்புக்காக வெப்ஆர்டிசி-ஐப் பயன்படுத்தினால், உங்களுக்கு இலவசமாக மிகவும் துல்லியமான நெட்வொர்க் புள்ளிவிவரங்களின் ஒரு செழுமையான தொகுப்பு கிடைக்கிறது.
அது எப்படி வேலை செய்கிறது: ஒரு வெப்ஆர்டிசி இணைப்பின் மையமான `RTCPeerConnection` பொருள், இணைப்புத் தரம் குறித்த விரிவான அறிக்கையை வழங்கும் `getStats()` முறையைக் கொண்டுள்ளது.
கருத்தியல் எடுத்துக்காட்டு:
// Assuming 'peerConnection' is an active RTCPeerConnection object
setInterval(async () => {
const stats = await peerConnection.getStats();
stats.forEach(report => {
// Look for stats related to the active candidate pair
if (report.type === 'candidate-pair' && report.state === 'succeeded') {
const roundTripTime = report.currentRoundTripTime * 1000; // in ms
console.log(`WebRTC RTT: ${roundTripTime.toFixed(2)} ms`);
}
// Look for inbound video stream stats to check for packet loss
if (report.type === 'inbound-rtp' && report.kind === 'video') {
console.log(`Packets lost: ${report.packetsLost}`);
console.log(`Jitter: ${report.jitter}`);
}
});
}, 2000); // Check every 2 seconds
இது RTC செயலிகளுக்கான தங்கத் தரமாகும், இது RTT, ஜிட்டர், தரவுப் பொட்டல இழப்பு, மற்றும் அனுப்பப்பட்ட/பெறப்பட்ட பைட்டுகள் குறித்த விரிவான தரவை வழங்குகிறது.
ஒரு பயனுள்ள மற்றும் பயனர் நட்பு குறிகாட்டியை வடிவமைத்தல்
நீங்கள் நெட்வொர்க் தகவலை எவ்வாறு காண்பிக்கிறீர்கள் என்பது நீங்கள் அதை எவ்வாறு அளவிடுகிறீர்கள் என்பதைப் போலவே முக்கியமானது. மோசமாக வடிவமைக்கப்பட்ட ஒரு குறிகாட்டி உதவியாக இருப்பதை விட குழப்பத்தை ஏற்படுத்தலாம்.
காட்சிப் பிரதிநிதித்துவங்கள்: வெறும் எண்ணுக்கு அப்பால்
பயனர்கள் "RTT: 150ms" போன்ற மூல தரவுகளை விட உள்ளுணர்வு காட்சி உருவகங்களுக்கு சிறப்பாக பதிலளிக்கின்றனர்.
- "சிக்னல் பார்கள்" உருவகம்: மொபைல் போன்கள் மற்றும் Wi-Fi ஐகான்களிலிருந்து உலகளவில் அங்கீகரிக்கப்பட்டது. 3 முதல் 5 பார்களின் ஒரு தொடர் தரத்தின் ஒரு சிறந்த, ஒரு பார்வையில் புரிந்துகொள்ளக்கூடிய பிரதிநிதித்துவம் ஆகும்.
- வண்ணக் குறியீடு: உடனடி புரிதலுக்காக ஐகான்களை வண்ணத்துடன் இணைக்கவும். பச்சை உலகளவில் நல்லது என்றும், மஞ்சள்/ஆரஞ்சு ஒரு எச்சரிக்கை என்றும், சிவப்பு மோசமானது/முக்கியமானது என்றும் புரிந்து கொள்ளப்படுகிறது.
- எளிய ஐகான்கள்: ஒரு சிறந்த இணைப்பிற்கான ஒரு சரிபார்ப்புக் குறி, ஒரு நிலையற்ற இணைப்பிற்கான ஒரு எச்சரிக்கை முக்கோணம், அல்லது ஒரு ஆஃப்லைன் நிலைக்கான ஒரு கோடுடன் கூடிய மேகம்.
- உரை லேபிள்கள்: ஐகான்களுடன் "சிறந்தது", "நிலையற்றது", அல்லது "ஆஃப்லைன்" போன்ற குறுகிய, தெளிவான உரையுடன் இணைக்கவும். இது அணுகல்தன்மை மற்றும் தெளிவை மேம்படுத்துகிறது.
இடம் மற்றும் சூழல்
குறிகாட்டி தெரியும் ஆனால் கவனத்தை சிதறடிக்காததாக இருக்க வேண்டும். அதை வைப்பதைக் கருத்தில் கொள்ளுங்கள்:
- ஒரு உலகளாவிய தலைப்பு அல்லது நிலை பட்டியில்: செயலி அளவிலான சூழலுக்கு.
- ஒரு குறிப்பிட்ட அம்சத்திற்கு அருகில்: எடுத்துக்காட்டாக, ஒரு வீடியோ பிளேயரில் நேரடியாக அல்லது நிகழ்நேர இணைப்பு மிகவும் முக்கியமான ஒரு அரட்டை உள்ளீட்டுப் பெட்டிக்கு அருகில் குறிகாட்டியை வைப்பது.
- தேவையின் பேரில்: எல்லாம் நன்றாக இருக்கும்போது பயனர் இடைமுகத்தைக் குழப்புவதைத் தவிர்க்க, இணைப்புத் தரம் ஒரு குறிப்பிட்ட ngưỡngத்திற்குக் கீழே குறையும்போது மட்டுமே குறிகாட்டியைக் காட்டவும்.
செயல்படக்கூடிய கருத்துக்களை வழங்குதல்
வெறுமனே ஒரு சிவப்பு ஐகானைக் காட்டாதீர்கள். அது அவர்களுக்கு என்ன அர்த்தம் என்று பயனரிடம் சொல்லுங்கள். சூழலை வழங்கும் கருவிக்குறிப்புகள் அல்லது சிறிய செய்திகளைப் பயன்படுத்தவும்.
- சிவப்பு ஐகான் கருவிக்குறிப்பு: "உங்கள் இணைப்பு மோசமாக உள்ளது. இடையகத்தைத் தடுக்க வீடியோ தரம் குறைக்கப்பட்டுள்ளது."
- மஞ்சள் ஐகான் கருவிக்குறிப்பு: "இணைப்பு நிலையற்றதாக உள்ளது. பதிவேற்றங்கள் வழக்கத்தை விட மெதுவாக இருக்கலாம்."
- ஆஃப்லைன் செய்தி: "நீங்கள் தற்போது ஆஃப்லைனில் உள்ளீர்கள். நீங்கள் மீண்டும் இணைந்ததும் உங்கள் செய்தி அனுப்பப்படும்."
ஒரு தகவமைக்கும் பயனர் இடைமுகத்தை உருவாக்குதல்: நெட்வொர்க் தரவுகளில் நடவடிக்கை எடுத்தல்
ஒரு NQI-யின் உண்மையான சக்தி, செயலி அதன் நடத்தையை மாற்றியமைக்க தரவைப் பயன்படுத்தும்போது கட்டவிழ்த்து விடப்படுகிறது. இது முற்போக்கான மேம்பாடு மற்றும் மென்மையான சீரழிவின் சாராம்சம்.
படி 1: தர நிலைகளை வரையறுக்கவும்
முதலில், உங்கள் மூல அளவீடுகளை எளிய, தர்க்கரீதியான நிலைகளுக்கு வரைபடமாக்குங்கள். இந்த சுருக்கம் செயலி தர்க்கத்தை எழுதுவதை எளிதாக்குகிறது.
எடுத்துக்காட்டு நிலைகள்:
- சிறந்தது (EXCELLENT): RTT < 75ms, effectiveType '4g', தரவுப் பொட்டல இழப்பு இல்லை.
- நல்லது (GOOD): RTT < 200ms, effectiveType '3g'.
- மோசமானது (POOR): RTT > 400ms அல்லது effectiveType '2g'.
- ஆஃப்லைன் (OFFLINE): இணைப்பு கண்டறியப்படவில்லை.
படி 2: தகவமைக்கும் தர்க்கத்தைச் செயல்படுத்தவும்
இந்த நிலைகளைக் கொண்டு, நீங்கள் இப்போது உங்கள் செயலி கூறுகளில் விதிகளை உருவாக்கலாம்.
நடைமுறை எடுத்துக்காட்டுகள்:
- படங்களை ஏற்றுதல்: தர நிலை `POOR` ஆக இருந்தால் அல்லது `navigator.connection.saveData` உண்மையாக இருந்தால், ஒரு வினவல் அளவுருவைச் சேர்ப்பதன் மூலம் சேவையகத்திலிருந்து குறைந்த ரெசொலூஷன் படங்களைக் கோரவும் (எ.கா., `?quality=low`).
- நிகழ்நேர ஒத்துழைப்பு: ஒரு `GOOD` நிலையில், ஒவ்வொரு 250msக்கும் ஆவணப் புதுப்பிப்புகளை அனுப்பவும். ஒரு `POOR` நிலையில், புதுப்பிப்புகளைத் தொகுத்து ஒவ்வொரு 2000msக்கும் அனுப்பவும், பயனருக்கு "ஒத்திசைக்கிறது..." என்ற செய்தியைக் காட்டவும்.
- கோப்பு பதிவேற்றங்கள்: ஒரு பதிவேற்றத்தின் போது இணைப்பு `POOR` நிலைக்குச் சென்றால், தானாகவே பதிவேற்றத்தை இடைநிறுத்தி பயனருக்குத் தெரிவிக்கவும். இணைப்பு மேம்படும்போது மீண்டும் தொடர ஒரு பொத்தானை வழங்கவும்.
- பயனர் இடைமுக அனிமேஷன்கள்: பயனர் இடைமுகத்தைப் பதிலளிக்கக்கூடியதாக வைத்திருக்க, `POOR` நிலையில் இருக்கும்போது அத்தியாவசியமற்ற, செயல்திறன் மிகுந்த அனிமேஷன்களை (பரலாக்ஸ் ஸ்க்ரோலிங் அல்லது சிக்கலான மாற்றங்கள் போன்றவை) முடக்கவும்.
உலகளாவிய பரிசீலனைகள் மற்றும் சிறந்த நடைமுறைகள்
ஒரு உலகளாவிய பார்வையாளர்களுக்காக உருவாக்கும்போது, ஒரு NQI ஒரு அம்சம் மட்டுமல்ல - அது ஒரு தேவை. நெட்வொர்க் நிலைமைகள் உலகம் முழுவதும் கடுமையாக வேறுபடுகின்றன.
- தரவு நுகர்வு குறித்து கவனமாக இருங்கள்: செயலில் ஆய்வு செய்வது பயனர்களுக்கு தரவுச் செலவை ஏற்படுத்துகிறது. தரவுத் திட்டங்கள் விலை உயர்ந்ததாகவும் வரையறுக்கப்பட்டதாகவும் இருக்கும் உலகின் பல பகுதிகளில் இது ஒரு முக்கியமான கவலையாகும். உங்கள் சோதனைப் பேலோடுகளை சிறியதாகவும், உங்கள் சோதனை இடைவெளிகளை நியாயமானதாகவும் வைத்திருங்கள் (எ.கா., ஒவ்வொரு 10-30 விநாடிகளுக்கும், ஒவ்வொரு விநாடிக்கும் அல்ல). உங்கள் சோதனைகளுக்கு ஒரு அதிவேக பேக்ஆஃப் உத்தியைப் பயன்படுத்துவதைக் கருத்தில் கொள்ளுங்கள்.
- சிபியு மற்றும் பேட்டரிக்கு உகந்ததாக்குங்கள்: நிலையான நெட்வொர்க் சோதனை ஒரு சாதனத்தின் பேட்டரியை வெளியேற்றலாம். நெட்வொர்க் தகவல் ஏபிஐ போன்ற திறமையான முறைகளை முடிந்தவரை பயன்படுத்தவும் மற்றும் செயலில் ஆய்வு செய்வதில் விவேகமாக இருக்கவும். செயலி தாவல் கவனத்தில் இல்லாதபோது சோதனையை இடைநிறுத்தவும்.
- சிறந்த முடிவுகளுக்கு முறைகளை இணைக்கவும்: ஒரு கலப்பின அணுகுமுறை பெரும்பாலும் மிகவும் வலுவானது. நெட்வொர்க் தகவல் ஏபிஐ-ஐ ஒரு அடிப்படையாகப் பயன்படுத்தவும். அது '4g' இணைப்பைக் குறித்தால், நீங்கள் அவ்வளவு தீவிரமாக ஆய்வு செய்யத் தேவையில்லை. அது '2g' எனக் குறித்தால் அல்லது கிடைக்கவில்லை என்றால், ஒரு துல்லியமான படத்தைப் பெற நீங்கள் செயலில் ஆய்வை அதிகம் நம்பலாம்.
- மென்மையான சீரழிவு: உங்கள் செயலி NQI இல்லாமல் முழுமையாகச் செயல்பட வேண்டும். குறிகாட்டி ஒரு மேம்பாடு ஆகும். அளவீட்டு ஏபிஐ-களில் ஏதேனும் தோல்வியுற்றாலோ அல்லது ஆதரிக்கப்படாவிட்டாலோ, செயலியின் முக்கிய செயல்பாடு பாதிக்கப்படவில்லை என்பதை உறுதிப்படுத்தவும்.
முடிவுரை: நிஜ உலகத்திற்காக உருவாக்குதல்
ஒரு இலட்சிய உலகில், ஒவ்வொரு பயனருக்கும் ஒரு குறைபாடற்ற, ஜிகாபிட் ஃபைபர் இணைப்பு இருக்கும். நிஜ உலகில், அவர்கள் உங்கள் செயலியை பொது Wi-Fi இல், ஒரு செல்லுலார் இணைப்புடன் நகரும் ரயிலில், அல்லது வளர்ச்சியடையாத இணைய உள்கட்டமைப்பு உள்ள ஒரு பகுதியில் பயன்படுத்துகிறார்கள். ஒரு முகப்பு நெட்வொர்க் தரக் குறிகாட்டி இந்த யதார்த்தத்தின் ஒரு சக்திவாய்ந்த ஒப்புதல் ஆகும்.
ஒரு NQI-ஐ செயல்படுத்துவதன் மூலம், நீங்கள் வெறுமனே அம்சங்களை உருவாக்குவதைத் தாண்டி, உண்மையிலேயே நெகிழ்ச்சியான மற்றும் பயனர் மைய அனுபவத்தை வடிவமைக்கத் தொடங்குகிறீர்கள். நீங்கள் பயனர் விரக்தியைப் புரிதலுடன் மாற்றுகிறீர்கள், வெளிப்படைத்தன்மை மூலம் நம்பிக்கையை உருவாக்குகிறீர்கள், மேலும் உங்கள் செயலி நிலைமைகள் எதுவாக இருந்தாலும் சிறந்த செயல்திறனை வழங்குவதை உறுதி செய்கிறீர்கள். இது இனி ஒரு 'இருந்தால் நல்லது' அல்ல, ஆனால் ஒரு நவீன, உலகளாவிய, மற்றும் தொழில்முறை வலைச் செயலியின் ஒரு முக்கிய அங்கமாகும்.
சிறியதாகத் தொடங்குங்கள். உங்கள் பயனர்களின் இணைப்புகள் பற்றிய அடிப்படைப் புரிதலைப் பெற நெட்வொர்க் தகவல் ஏபிஐ-ஐ செயல்படுத்துவதன் மூலம் தொடங்கவும். அங்கிருந்து, முக்கியமான அம்சங்களுக்கு செயலில் ஆய்வை அடுக்குங்கள் மற்றும் ஒரு உள்ளுணர்வு பயனர் இடைமுகத்தை வடிவமைக்கவும். உங்கள் பயனர்கள் இணைப்பு நன்றாக இருக்கும்போது குறிகாட்டியை உணர்வுபூர்வமாக கவனிக்காமல் இருக்கலாம், ஆனால் அவர்களின் இணைப்பு நன்றாக இல்லாதபோது அது வழங்கும் தெளிவு மற்றும் நிலைத்தன்மைக்கு அவர்கள் ஆழ்ந்த நன்றியுள்ளவர்களாக இருப்பார்கள்.