ஜாவாஸ்கிரிப்ட் இயக்க நேர செயல்திறன்: V8, ஸ்பைடர்மாங்கி, மற்றும் ஜாவாஸ்கிரிப்ட்கோர் பற்றிய ஒரு ஆழமான பார்வை

ஜாவாஸ்கிரிப்ட் இணையத்தின் பொது மொழியாக மாறிவிட்டது, இது ஊடாடும் பயனர் இடைமுகங்கள் முதல் சர்வர்-பக்க பயன்பாடுகள் வரை அனைத்தையும் இயக்குகிறது. இந்த குறியீட்டை இயக்கும் இன்ஜின்களைப் புரிந்துகொள்வது, உகந்த செயல்திறனுக்காகப் பாடுபடும் எந்தவொரு வலை உருவாக்குநருக்கும் இன்றியமையாதது. இந்த கட்டுரை மூன்று முக்கிய ஜாவாஸ்கிரிப்ட் இன்ஜின்களான V8 (Chrome மற்றும் Node.js ஆல் பயன்படுத்தப்படுகிறது), ஸ்பைடர்மாங்கி (Firefox ஆல் பயன்படுத்தப்படுகிறது), மற்றும் ஜாவாஸ்கிரிப்ட்கோர் (Safari ஆல் பயன்படுத்தப்படுகிறது) ஆகியவற்றின் விரிவான கண்ணோட்டத்தை வழங்குகிறது.

ஜாவாஸ்கிரிப்ட் இன்ஜின்களைப் புரிந்துகொள்ளுதல்

ஜாவாஸ்கிரிப்ட் இன்ஜின்கள் ஜாவாஸ்கிரிப்ட் குறியீட்டைப் பிரித்து, தொகுத்து, செயல்படுத்தும் மென்பொருள் கூறுகளாகும். ஜாவாஸ்கிரிப்டை ஆதரிக்கும் எந்தவொரு உலாவி அல்லது இயக்க நேர சூழலின் இதயமாக அவை உள்ளன. இந்த இன்ஜின்கள் மனிதர்கள் படிக்கக்கூடிய குறியீட்டை இயந்திரம் செயல்படுத்தக்கூடிய வழிமுறைகளாக மொழிபெயர்க்கின்றன, வேகமான மற்றும் பதிலளிக்கக்கூடிய பயனர் அனுபவத்தை வழங்க இந்த செயல்முறையை மேம்படுத்துகின்றன.

ஒரு ஜாவாஸ்கிரிப்ட் இன்ஜின் செய்யும் முக்கிய பணிகள்:

• பிரித்தல் (Parsing): மூலக் குறியீட்டை ஒரு சுருக்கமான தொடரியல் மரமாக (Abstract Syntax Tree - AST) உடைப்பது, இது குறியீட்டின் கட்டமைப்பின் ஒரு படிநிலை பிரதிநிதித்துவமாகும்.
• தொகுத்தல் (Compilation): AST-ஐ இயந்திரக் குறியீடாக மாற்றுவது, அதை கணினி நேரடியாக இயக்க முடியும். இதில் பல்வேறு மேம்படுத்தல் நுட்பங்கள் அடங்கும்.
• செயல்படுத்துதல் (Execution): தொகுக்கப்பட்ட இயந்திரக் குறியீட்டை இயக்குவது, நினைவகத்தை நிர்வகிப்பது, மற்றும் வலை உலாவிகளில் உள்ள ஆவண பொருள் மாதிரி (DOM) அல்லது பிற இயக்க நேர சூழல்களுடன் தொடர்புகொள்வது.
• குப்பை சேகரிப்பு (Garbage Collection): நிரலால் இனி பயன்படுத்தப்படாத நினைவகத்தை தானாகவே மீட்டெடுப்பது. இது நினைவக கசிவுகளைத் தடுக்கிறது மற்றும் பயன்பாட்டை சீராக இயங்க வைக்கிறது.

முக்கிய வீரர்கள்: V8, ஸ்பைடர்மாங்கி, மற்றும் ஜாவாஸ்கிரிப்ட்கோர்

ஜாவாஸ்கிரிப்ட் இன்ஜின் அரங்கில் உள்ள முக்கிய போட்டியாளர்களை இன்னும் நெருக்கமாகப் பார்ப்போம்:

V8

கூகிளால் உருவாக்கப்பட்டது, V8 என்பது கூகிள் குரோம் மற்றும் Node.js-ஐ இயக்கும் இன்ஜின் ஆகும். இது அதன் அதிநவீன மேம்படுத்தல் நுட்பங்களுக்கு நன்றி, அதன் உயர் செயல்திறனுக்காக அறியப்படுகிறது. V8 ஜாவாஸ்கிரிப்டை இயக்கும் முன் நேரடியாக நேட்டிவ் மெஷின் குறியீடாகத் தொகுக்கிறது, இந்த செயல்முறை ஜஸ்ட்-இன்-டைம் (JIT) தொகுத்தல் என அழைக்கப்படுகிறது. இது செயல்திறனுக்காக வடிவமைக்கப்பட்ட ஒரு அதிநவீன குப்பை சேகரிப்பானையும் கொண்டுள்ளது.

V8-இன் முக்கிய அம்சங்கள்:

• JIT தொகுத்தல்: V8 ஜாவாஸ்கிரிப்டை இயக்க நேரத்தில் உகந்த இயந்திரக் குறியீடாக மாற்ற ஒரு JIT கம்பைலரைப் பயன்படுத்துகிறது. இது குறியீடு எவ்வாறு பயன்படுத்தப்படுகிறது என்பதன் அடிப்படையில் வேகமான செயல்படுத்தல் மற்றும் தகவமைப்பு மேம்படுத்தலை அனுமதிக்கிறது.
• இன்லைன் கேச்சிங்: V8 சொத்து அணுகலை வேகப்படுத்த இன்லைன் கேச்சிங்கைப் பயன்படுத்துகிறது. இது பொருட்களின் வகைகளை நினைவில் கொள்கிறது மற்றும் அவற்றின் பண்புகளின் ஆஃப்செட்களை கேச் செய்கிறது, இது செலவுமிக்க சொத்து தேடல்களைத் தவிர்க்கிறது.
• நம்பிக்கையான தொகுத்தல்: V8 மதிப்புகளின் வகைகள் மற்றும் குறியீட்டின் அமைப்பு பற்றி அடிக்கடி அனுமானங்களைச் செய்கிறது, அதற்கேற்ப மேம்படுத்துகிறது. அந்த அனுமானங்கள் தவறானவை என நிரூபிக்கப்பட்டால், அது மேம்படுத்தலை நீக்கி குறியீட்டை மீண்டும் தொகுக்க முடியும்.
• திறமையான குப்பை சேகரிப்பு: V8-இன் குப்பை சேகரிப்பான் பயன்படுத்தப்படாத நினைவகத்தை விரைவாகக் கண்டறிந்து மீட்டெடுக்கும் வகையில் வடிவமைக்கப்பட்டுள்ளது, இது இடைநிறுத்தங்களைக் குறைத்து, பதிலளிக்கக்கூடிய பயனர் அனுபவத்தை உறுதி செய்கிறது.

பயன்பாட்டு வழக்குகள்: குரோம் உலாவி, Node.js சர்வர்-பக்க இயக்க நேரம், ஆங்குலர், ரியாக்ட், மற்றும் வ்யூ.js போன்ற கட்டமைப்புகளுடன் உருவாக்கப்பட்ட பயன்பாடுகள்.

உலகளாவிய தாக்க உதாரணம்: V8-இன் செயல்திறன் உலகளவில் வலைப் பயன்பாடுகளின் பயன்பாட்டினை கணிசமாக பாதித்துள்ளது. உதாரணமாக, இந்தியா மற்றும் பிரேசில் போன்ற நாடுகளில் பயனர்களைக் கொண்ட கோர்செரா போன்ற ஆன்லைன் கல்விக்கான பயன்பாடுகள், ஒரு மென்மையான கற்றல் அனுபவத்தை வழங்குவதற்கு V8-இன் வேகம் மற்றும் செயல்திறனை பெரிதும் நம்பியுள்ளன. மேலும், V8-ஆல் இயக்கப்படும் Node.js, உலகெங்கிலும் உள்ள பல தொழில்களில் பயன்படுத்தப்படும் அளவிடக்கூடிய சர்வர்-பக்க பயன்பாடுகளை உருவாக்குவதற்கான ஒரு முக்கிய தொழில்நுட்பமாக மாறியுள்ளது.

ஸ்பைடர்மாங்கி

மொஸில்லாவால் உருவாக்கப்பட்டது, ஸ்பைடர்மாங்கி என்பது ஃபயர்பாக்ஸை இயக்கும் ஜாவாஸ்கிரிப்ட் இன்ஜின் ஆகும். இதுவே உருவாக்கப்பட்ட முதல் ஜாவாஸ்கிரிப்ட் இன்ஜின் மற்றும் புதுமைகளின் நீண்ட வரலாற்றைக் கொண்டுள்ளது. ஸ்பைடர்மாங்கி தரநிலைகளுக்கு இணங்குவதில் கவனம் செலுத்துகிறது மற்றும் செயல்திறன் மற்றும் அம்சங்களுக்கு இடையில் ஒரு சமநிலையை வழங்குகிறது. இதுவும் JIT தொகுப்பைப் பயன்படுத்துகிறது, ஆனால் V8-ஐ விட வேறுபட்ட மேம்படுத்தல் உத்திகளுடன்.

ஸ்பைடர்மாங்கியின் முக்கிய அம்சங்கள்:

• JIT தொகுத்தல்: V8-ஐப் போலவே, ஸ்பைடர்மாங்கியும் செயல்திறனை மேம்படுத்த JIT தொகுப்பைப் பயன்படுத்துகிறது.
• அடுக்கு தொகுத்தல்: ஸ்பைடர்மாங்கி ஒரு அடுக்கு தொகுத்தல் அணுகுமுறையைப் பயன்படுத்துகிறது, வேகமான ஆனால் குறைந்த உகந்த கம்பைலருடன் தொடங்கி, தேவைப்படும்போது மிகவும் ஆக்ரோஷமான, ஆனால் மெதுவான, மேம்படுத்தும் கம்பைலருக்கு மாறுகிறது.
• தரநிலைகளுக்கு இணக்கம்: ஸ்பைடர்மாங்கி ECMAScript தரநிலைகளுக்கான அதன் வலுவான ஆதரவிற்காக அறியப்படுகிறது.
• குப்பை சேகரிப்பு: ஸ்பைடர்மாங்கி சிக்கலான நினைவக மேலாண்மை பணிகளைக் கையாள வடிவமைக்கப்பட்ட ஒரு அதிநவீன குப்பை சேகரிப்பானைக் கொண்டுள்ளது.

பயன்பாட்டு வழக்குகள்: ஃபயர்பாக்ஸ் உலாவி, ஃபயர்பாக்ஸ் ஓஎஸ் (வழக்கொழிந்தது).

உலகளாவிய தாக்க உதாரணம்: ஃபயர்பாக்ஸின் பயனர் தனியுரிமை மற்றும் பாதுகாப்பில் கவனம், ஸ்பைடர்மாங்கியின் செயல்திறனுடன் இணைந்து, ஐரோப்பா மற்றும் ஆசியாவின் சில பகுதிகள் போன்ற தனியுரிமை மிக முக்கியமான பிராந்தியங்களில் இது உலகளவில் ஒரு பிரபலமான உலாவியாக மாற்றியுள்ளது. ஸ்பைடர்மாங்கி, ஆன்லைன் வங்கி முதல் சமூக ஊடகங்கள் வரை பயன்படுத்தப்படும் வலைப் பயன்பாடுகள் ஃபயர்பாக்ஸ் சூழலில் திறமையாகவும் பாதுகாப்பாகவும் செயல்படுவதை உறுதி செய்கிறது.

ஜாவாஸ்கிரிப்ட்கோர்

ஆப்பிள் நிறுவனத்தால் உருவாக்கப்பட்ட, ஜாவாஸ்கிரிப்ட்கோர் (நைட்ரோ என்றும் அழைக்கப்படுகிறது) சஃபாரி மற்றும் பிற ஆப்பிள் தயாரிப்புகளில் பயன்படுத்தப்படும் இன்ஜின் ஆகும், இதில் WebKit-அடிப்படையிலான பயன்பாடுகளும் அடங்கும். ஜாவாஸ்கிரிப்ட்கோர் செயல்திறன் மற்றும் செயல்திறனில் கவனம் செலுத்துகிறது, குறிப்பாக ஆப்பிளின் வன்பொருளில். இது வேகமான ஜாவாஸ்கிரிப்ட் செயல்பாட்டை வழங்க JIT தொகுத்தல் மற்றும் பிற மேம்படுத்தல் நுட்பங்களையும் பயன்படுத்துகிறது.

ஜாவாஸ்கிரிப்ட்கோரின் முக்கிய அம்சங்கள்:

• JIT தொகுத்தல்: ஜாவாஸ்கிரிப்ட்கோர், V8 மற்றும் ஸ்பைடர்மாங்கி போலவே, செயல்திறன் ஆதாயங்களுக்காக JIT தொகுப்பைப் பயன்படுத்துகிறது.
• வேகமான தொடக்க நேரம்: ஜாவாஸ்கிரிப்ட்கோர் வேகமான தொடக்கத்திற்காக உகந்ததாக உள்ளது, இது மொபைல் சாதனங்கள் மற்றும் வலை உலாவல் அனுபவங்களுக்கு ஒரு முக்கியமான காரணியாகும்.
• நினைவக மேலாண்மை: ஜாவாஸ்கிரிப்ட்கோர் திறமையான வளப் பயன்பாட்டை உறுதிப்படுத்த மேம்பட்ட நினைவக மேலாண்மை நுட்பங்களைக் கொண்டுள்ளது.
• வெப்அசெம்பிளி ஒருங்கிணைப்பு: ஜாவாஸ்கிரிப்ட்கோர் வெப்அசெம்பிளிக்கு வலுவான ஆதரவைக் கொண்டுள்ளது, இது கணக்கீட்டு ரீதியாக தீவிரமான பணிகளுக்கு கிட்டத்தட்ட நேட்டிவ் செயல்திறனை அனுமதிக்கிறது.

பயன்பாட்டு வழக்குகள்: சஃபாரி உலாவி, WebKit-அடிப்படையிலான பயன்பாடுகள் (iOS மற்றும் macOS பயன்பாடுகள் உட்பட), ரியாக்ட் நேட்டிவ் (iOS-இல்) போன்ற கட்டமைப்புகளுடன் உருவாக்கப்பட்ட பயன்பாடுகள்.

உலகளாவிய தாக்க உதாரணம்: ஜாவாஸ்கிரிப்ட்கோரின் மேம்படுத்தல்கள் உலகெங்கிலும் உள்ள ஆப்பிள் சாதனங்களில் வலைப் பயன்பாடுகள் மற்றும் நேட்டிவ் iOS பயன்பாடுகளின் தடையற்ற செயல்திறனுக்கு பங்களிக்கின்றன. இது குறிப்பாக வட அமெரிக்கா, ஐரோப்பா மற்றும் ஆசியாவின் சில பகுதிகள் போன்ற ஆப்பிள் தயாரிப்புகள் பரவலாகப் பயன்படுத்தப்படும் பிராந்தியங்களுக்கு முக்கியமானது. மேலும், டெலிமெடிசின் மற்றும் ரிமோட் ஒத்துழைப்பு போன்றவற்றில் பயன்படுத்தப்படும் பயன்பாடுகளின் வேகமான செயல்திறனை உறுதி செய்வதில் ஜாவாஸ்கிரிப்ட்கோர் முக்கியமானது, இவை உலகளாவிய பணியாளர்கள் மற்றும் சுகாதார அமைப்புக்கான முக்கியமான கருவிகளாகும்.

தரப்படுத்தல் மற்றும் செயல்திறன் ஒப்பீடுகள்

ஜாவாஸ்கிரிப்ட் இன்ஜின் செயல்திறனை ஒப்பிடுவதற்கு தரப்படுத்தல் தேவைப்படுகிறது. செயல்திறனை அளவிட பல கருவிகள் பயன்படுத்தப்படுகின்றன, அவற்றுள்:

• SunSpider: ஆப்பிளின் ஒரு தரப்படுத்தல் தொகுப்பு, இது சரங்களைக் கையாளுதல், கணித செயல்பாடுகள் மற்றும் குறியாக்கவியல் போன்ற பல்வேறு பகுதிகளில் ஜாவாஸ்கிரிப்ட் குறியீட்டின் செயல்திறனை அளவிடுகிறது. (வழக்கொழிந்தது, ஆனால் வரலாற்று ஒப்பீடுகளுக்கு இன்னும் பொருத்தமானது).
• JetStream: ஆப்பிளின் ஒரு தரப்படுத்தல் தொகுப்பு, இது ஜாவாஸ்கிரிப்ட் இன்ஜின்களின் பரந்த அளவிலான அம்சங்கள் மற்றும் திறன்களில் கவனம் செலுத்துகிறது, இதில் நவீன வலைப் பயன்பாட்டு முறைகளும் அடங்கும்.
• Octane: கூகிளின் ஒரு தரப்படுத்தல் தொகுப்பு (வழக்கொழிந்தது), இது பல்வேறு நிஜ-உலக பயன்பாட்டு நிகழ்வுகளில் ஜாவாஸ்கிரிப்ட் இன்ஜின்களின் செயல்திறனைச் சோதிக்க வடிவமைக்கப்பட்டது.
• Kraken: மற்றொரு பிரபலமான தரப்படுத்தல், இது வலை உலாவிகளில் ஜாவாஸ்கிரிப்ட் இன்ஜின்களின் செயல்திறனைச் சோதிக்க வடிவமைக்கப்பட்டுள்ளது.

தரப்படுத்தலில் இருந்து பொதுவான போக்குகள்:

தரப்படுத்தல் மதிப்பெண்கள் குறிப்பிட்ட சோதனை, பயன்படுத்தப்படும் வன்பொருள் மற்றும் ஜாவாஸ்கிரிப்ட் இன்ஜினின் பதிப்பைப் பொறுத்து மாறுபடும் என்பதை அங்கீகரிப்பது முக்கியம். இருப்பினும், இந்த தரப்படுத்தல்களிலிருந்து சில பொதுவான போக்குகள் வெளிப்படுகின்றன:

• V8 பெரும்பாலும் மூல செயல்திறனில் முன்னணியில் உள்ளது, குறிப்பாக கணக்கீட்டு ரீதியாக தீவிரமான பணிகளில். இது முக்கியமாக அதன் ஆக்ரோஷமான மேம்படுத்தல் உத்திகள் மற்றும் JIT தொகுத்தல் நுட்பங்கள் காரணமாகும்.
• ஸ்பைடர்மாங்கி பொதுவாக செயல்திறன் மற்றும் தரநிலைகளுக்கு இணங்குவதற்கு இடையில் ஒரு நல்ல சமநிலையை வழங்குகிறது. ஃபயர்பாக்ஸ் பெரும்பாலும் ஒரு வலுவான டெவலப்பர் அனுபவம் மற்றும் வலை தரநிலைகளைக் கடைப்பிடிப்பதில் கவனம் செலுத்துகிறது.
• ஜாவாஸ்கிரிப்ட்கோர் ஆப்பிள் சாதனங்களுக்கு மிகவும் உகந்ததாக உள்ளது, அந்த தளங்களில் ஈர்க்கக்கூடிய செயல்திறனை வழங்குகிறது. இது பெரும்பாலும் வேகமான தொடக்க நேரங்கள் மற்றும் திறமையான நினைவகப் பயன்பாட்டிற்காக உகந்ததாக உள்ளது, இவை மொபைல் பயன்பாடுகளுக்கு இன்றியமையாதவை.

முக்கியமான எச்சரிக்கைகள்:

• தரப்படுத்தல் மதிப்பெண்கள் முழு கதையையும் சொல்லாது: தரப்படுத்தல்கள் குறிப்பிட்ட நிபந்தனைகளின் கீழ் செயல்திறனின் ஒரு ஸ்னாப்ஷாட்டை வழங்குகின்றன. நிஜ-உலக செயல்திறன் குறியீட்டின் சிக்கலான தன்மை, நெட்வொர்க் இணைப்பு மற்றும் பயனரின் வன்பொருள் உள்ளிட்ட பல காரணிகளால் பாதிக்கப்படலாம்.
• காலப்போக்கில் செயல்திறன் மாறுபடும்: ஜாவாஸ்கிரிப்ட் இன்ஜின்கள் தொடர்ந்து புதுப்பிக்கப்பட்டு மேம்படுத்தப்படுகின்றன, அதாவது ஒவ்வொரு புதிய வெளியீட்டிலும் செயல்திறன் மாறக்கூடும்.
• இன்ஜின் தேர்வில் மட்டுமல்ல, மேம்படுத்தலிலும் கவனம் செலுத்துங்கள்: ஜாவாஸ்கிரிப்ட் இன்ஜின் தேர்வு செயல்திறனைப் பாதித்தாலும், உங்கள் குறியீட்டை மேம்படுத்துவதே பொதுவாக மிக முக்கியமான காரணியாகும். மெதுவான இன்ஜின்களில் கூட, நன்கு எழுதப்பட்ட குறியீடு ஒரு வேகமான இன்ஜினில் மோசமாக மேம்படுத்தப்பட்ட குறியீட்டை விட வேகமாக இயங்க முடியும்.

செயல்திறனுக்காக ஜாவாஸ்கிரிப்ட் குறியீட்டை மேம்படுத்துதல்

பயன்படுத்தப்படும் ஜாவாஸ்கிரிப்ட் இன்ஜினைப் பொருட்படுத்தாமல், வேகமான மற்றும் பதிலளிக்கக்கூடிய வலைப் பயன்பாட்டிற்கு உங்கள் குறியீட்டை மேம்படுத்துவது மிகவும் முக்கியமானது. கவனம் செலுத்த வேண்டிய சில முக்கிய பகுதிகள் இங்கே:

1. DOM கையாளுதலைக் குறைத்தல்

DOM-ஐ (Document Object Model) நேரடியாகக் கையாளுவது ஒப்பீட்டளவில் மெதுவான செயல்முறையாகும். DOM செயல்பாடுகளின் எண்ணிக்கையைக் குறைப்பதன் மூலம்:

• DOM புதுப்பிப்புகளைத் தொகுத்தல்: ஒரே நேரத்தில் DOM-இல் பல மாற்றங்களைச் செய்யுங்கள். திரைக்கு வெளியே ஒரு கட்டமைப்பை உருவாக்க ஆவண துண்டுகளைப் (document fragments) பயன்படுத்தி, பின்னர் அதை DOM-இல் சேர்க்கவும்.
• CSS வகுப்புகளைப் பயன்படுத்துதல்: ஜாவாஸ்கிரிப்ட் மூலம் நேரடியாக CSS பண்புகளை மாற்றுவதற்குப் பதிலாக, ஸ்டைல்களைப் பயன்படுத்த CSS வகுப்புகளைப் பயன்படுத்தவும்.
• DOM கூறுகளை கேச் செய்தல்: DOM கூறுகளை மீண்டும் மீண்டும் வினவுவதைத் தவிர்க்க, மாறிகளில் அவற்றின் குறிப்புகளைச் சேமிக்கவும்.

உதாரணம்: உலகளவில் பயன்படுத்தப்படும் ஒரு வலைப் பயன்பாட்டில் உள்ள பொருட்களின் பட்டியலைப் புதுப்பிப்பதை கற்பனை செய்து பாருங்கள். ஒரு லூப்பில் ஒவ்வொரு பொருளையும் தனித்தனியாக DOM-இல் சேர்ப்பதற்குப் பதிலாக, ஒரு ஆவணத் துண்டை உருவாக்கி, முதலில் அனைத்து பட்டியல் பொருட்களையும் அந்தத் துண்டில் சேர்க்கவும். பின்னர், முழுத் துண்டையும் DOM-இல் சேர்க்கவும். இது மறு ஓட்டங்கள் (reflows) மற்றும் மறு வரைதல்களின் (repaints) எண்ணிக்கையைக் குறைத்து, செயல்திறனை மேம்படுத்துகிறது.

2. லூப்களை மேம்படுத்துதல்

லூப்கள் செயல்திறன் தடைகளின் பொதுவான ஆதாரமாகும். அவற்றை மேம்படுத்துவதன் மூலம்:

• லூப்பிற்குள் தேவையற்ற கணக்கீடுகளைத் தவிர்ப்பது: லூப்பிற்குள் பல முறை பயன்படுத்தப்பட்டால், மதிப்புகளை முன்கூட்டியே கணக்கிடுங்கள்.
• அரே நீளங்களை கேச் செய்தல்: ஒரு அரேவின் நீளத்தை ஒரு மாறியலில் சேமித்து, அதை மீண்டும் மீண்டும் கணக்கிடுவதைத் தவிர்க்கவும்.
• சரியான லூப் வகையைத் தேர்ந்தெடுப்பது: உதாரணமாக, அரேக்களை மீண்டும் மீண்டும் செய்யும்போது `for...in` லூப்களை விட `for` லூப்களைப் பயன்படுத்துவது பெரும்பாலும் வேகமானது.

உதாரணம்: தயாரிப்புத் தகவலைக் காட்டும் ஒரு இ-காமர்ஸ் தளத்தைக் கவனியுங்கள். நூற்றுக்கணக்கான அல்லது ஆயிரக்கணக்கான தயாரிப்பு அட்டைகளை ரெண்டர் செய்யப் பயன்படுத்தப்படும் லூப்களை மேம்படுத்துவது பக்க ஏற்றுதல் நேரத்தை கணிசமாக மேம்படுத்தும். அரே நீளங்களை கேச் செய்வதும், லூப்பிற்குள் தயாரிப்பு தொடர்பான மதிப்புகளை முன்கூட்டியே கணக்கிடுவதும் வேகமான ரெண்டரிங் செயல்முறைக்கு குறிப்பிடத்தக்க பங்களிப்பை அளிக்கிறது.

3. செயல்பாட்டு அழைப்புகளைக் குறைத்தல்

செயல்பாட்டு அழைப்புகளுக்கு ஒரு குறிப்பிட்ட மேல்நிலைச் செலவு உண்டு. அவற்றைக் குறைப்பதன் மூலம்:

• குறுகிய செயல்பாடுகளை இன்லைன் செய்தல்: ஒரு செயல்பாடு எளிமையானதாகவும் அடிக்கடி அழைக்கப்படுவதாகவும் இருந்தால், அதன் குறியீட்டை நேரடியாக இன்லைன் செய்வதைக் கருத்தில் கொள்ளுங்கள்.
• செயல்பாடுகளுக்கு அனுப்பப்படும் வாதங்களின் எண்ணிக்கையைக் குறைத்தல்: தொடர்புடைய வாதங்களை குழுவாக்க பொருட்களைப் பயன்படுத்தவும்.
• அதிகப்படியான சுழற்சியைத் தவிர்ப்பது: சுழற்சி மெதுவாக இருக்கலாம். முடிந்தவரை மீண்டும் மீண்டும் செய்யும் தீர்வுகளைப் பயன்படுத்துவதைக் கருத்தில் கொள்ளுங்கள்.

உதாரணம்: ஒரு வலைப் பயன்பாட்டில் பயன்படுத்தப்படும் உலகளாவிய வழிசெலுத்தல் மெனுவைக் கவனியுங்கள். தனிப்பட்ட மெனு உருப்படிகளை ரெண்டர் செய்வதற்கான அதிகப்படியான செயல்பாட்டு அழைப்புகள் செயல்திறன் தடையாக இருக்கலாம். வாதங்களின் எண்ணிக்கையைக் குறைப்பதன் மூலமும், இன்லைனிங்கைப் பயன்படுத்துவதன் மூலமும் இந்த செயல்பாடுகளை மேம்படுத்துவது ரெண்டரிங் வேகத்தை கணிசமாக மேம்படுத்துகிறது.

4. திறமையான தரவு கட்டமைப்புகளைப் பயன்படுத்துதல்

தரவு கட்டமைப்பின் தேர்வு செயல்திறனில் குறிப்பிடத்தக்க தாக்கத்தை ஏற்படுத்தும்.

• வரிசைப்படுத்தப்பட்ட தரவுகளுக்கு அரேக்களைப் பயன்படுத்தவும்: குறியீட்டின் மூலம் கூறுகளை அணுகுவதற்கு அரேக்கள் பொதுவாக திறமையானவை.
• விசை-மதிப்பு ஜோடிகளுக்கு பொருட்களை (அல்லது வரைபடங்களை) பயன்படுத்தவும்: விசையின் மூலம் மதிப்புகளைத் தேடுவதற்கு பொருட்கள் திறமையானவை. வரைபடங்கள் சில பயன்பாட்டு நிகழ்வுகளில் அதிக அம்சங்களையும் சிறந்த செயல்திறனையும் வழங்குகின்றன, குறிப்பாக விசைகள் சரங்களாக இல்லாதபோது.
• தனித்துவமான மதிப்புகளுக்கு செட்களைப் பயன்படுத்துவதைக் கருத்தில் கொள்ளுங்கள்: செட்கள் திறமையான உறுப்பினர் சோதனையை வழங்குகின்றன.

உதாரணம்: பயனர் தரவைக் கண்காணிக்கும் ஒரு உலகளாவிய பயன்பாட்டில், பயனர் சுயவிவரங்களைச் சேமிக்க ஒரு `Map`-ஐப் பயன்படுத்துவது (பயனர் ஐடி விசையாக இருக்கும் இடத்தில்) நெஸ்டட் பொருட்கள் அல்லது தேவையற்ற சிக்கலான தரவுக் கட்டமைப்புகளைப் பயன்படுத்துவதோடு ஒப்பிடும்போது பயனர் தகவல்களின் திறமையான அணுகல் மற்றும் நிர்வாகத்தை வழங்குகிறது.

5. நினைவகப் பயன்பாட்டைக் குறைத்தல்

அதிகப்படியான நினைவகப் பயன்பாடு செயல்திறன் சிக்கல்களுக்கும் குப்பை சேகரிப்பு இடைநிறுத்தங்களுக்கும் வழிவகுக்கும். நினைவகப் பயன்பாட்டைக் குறைப்பதன் மூலம்:

• இனி தேவைப்படாத பொருட்களுக்கான குறிப்புகளை விடுவித்தல்: நீங்கள் அவற்றுடன் முடித்தவுடன் மாறிகளை `null` என அமைக்கவும்.
• நினைவகக் கசிவுகளைத் தவிர்ப்பது: நீங்கள் தற்செயலாக பொருட்களுக்கான குறிப்புகளை வைத்திருக்கவில்லை என்பதை உறுதிப்படுத்தவும்.
• பொருத்தமான தரவு வகைகளைப் பயன்படுத்துதல்: தேவையான குறைந்த அளவு நினைவகத்தைப் பயன்படுத்தும் தரவு வகைகளைத் தேர்ந்தெடுக்கவும்.
• ஏற்றுவதை ஒத்திவைத்தல்: ஒரு பக்கத்தில் பார்வைக்கு வெளியே உள்ள கூறுகளுக்கு, ஒரு பயனர் அவற்றுக்கு ஸ்க்ரோல் செய்யும் வரை பட ஏற்றலை ஒத்திவைக்கவும், இது ஆரம்ப நினைவகப் பயன்பாட்டைக் குறைக்கும்.

உதாரணம்: கூகிள் மேப்ஸ் போன்ற ஒரு உலகளாவிய வரைபடப் பயன்பாட்டில், திறமையான நினைவக மேலாண்மை மிகவும் முக்கியமானது. டெவலப்பர்கள் மார்க்கர்கள், வடிவங்கள் மற்றும் பிற கூறுகளுடன் தொடர்புடைய நினைவகக் கசிவுகளைத் தவிர்க்க வேண்டும். இந்த வரைபடக் கூறுகள் இனி தெரியாதபோது அவற்றின் குறிப்புகளைச் சரியாக விடுவிப்பது அதிகப்படியான நினைவக நுகர்வைத் தடுக்கிறது மற்றும் பயனர் அனுபவத்தை மேம்படுத்துகிறது.

6. பின்னணி பணிகளுக்கு வலைப் பணியாளர்களைப் பயன்படுத்துதல்

வலைப் பணியாளர்கள் பிரதான த்ரெட்டைத் தடுக்காமல், பின்னணியில் ஜாவாஸ்கிரிப்ட் குறியீட்டை இயக்க உங்களை அனுமதிக்கின்றனர். இது கணக்கீட்டு ரீதியாக தீவிரமான பணிகள் அல்லது நீண்டகால செயல்பாடுகளுக்கு உதவியாக இருக்கும்.

• CPU-தீவிர செயல்பாடுகளை ஆஃப்லோட் செய்தல்: பட செயலாக்கம், தரவு பகுப்பாய்வு மற்றும் சிக்கலான கணக்கீடுகள் போன்ற பணிகளை வலைப் பணியாளர்களுக்கு ஒப்படைக்கவும்.
• UI த்ரெட்டைத் தடுப்பதைத் தடுத்தல்: நீண்டகால செயல்பாடுகளின் போது பயனர் இடைமுகம் பதிலளிக்கக்கூடியதாக இருப்பதை உறுதிப்படுத்தவும்.

உதாரணம்: சிக்கலான உருவகப்படுத்துதல்கள் தேவைப்படும் ஒரு உலகளாவிய அறிவியல் பயன்பாட்டில், உருவகப்படுத்துதல் கணக்கீடுகளை வலைப் பணியாளர்களுக்கு ஆஃப்லோட் செய்வது, கணக்கீட்டு ரீதியாக தீவிரமான செயல்முறைகளின் போது கூட பயனர் இடைமுகம் ஊடாடும் வகையில் இருப்பதை உறுதி செய்கிறது. இது பயனர் உருவகப்படுத்துதல் இயங்கும்போது பயன்பாட்டின் பிற அம்சங்களுடன் தொடர்ந்து தொடர்பு கொள்ள அனுமதிக்கிறது.

7. நெட்வொர்க் கோரிக்கைகளை மேம்படுத்துதல்

நெட்வொர்க் கோரிக்கைகள் பெரும்பாலும் வலைப் பயன்பாடுகளில் ஒரு பெரிய தடையாக இருக்கும். அவற்றை மேம்படுத்துவதன் மூலம்:

• கோரிக்கைகளின் எண்ணிக்கையைக் குறைத்தல்: CSS மற்றும் ஜாவாஸ்கிரிப்ட் கோப்புகளை இணைக்கவும், மற்றும் CSS ஸ்ப்ரைட்களைப் பயன்படுத்தவும்.
• கேச்சிங்கைப் பயன்படுத்துதல்: வளங்களை மீண்டும் பதிவிறக்கம் செய்ய வேண்டிய தேவையைக் குறைக்க உலாவி கேச்சிங் மற்றும் சர்வர்-பக்க கேச்சிங்கைப் பயன்படுத்தவும்.
• சொத்துக்களை சுருக்குதல்: படங்கள் மற்றும் பிற சொத்துக்களை அவற்றின் அளவைக் குறைக்க சுருக்கவும்.
• உள்ளடக்க விநியோக வலையமைப்பை (CDN) பயன்படுத்துதல்: உலகெங்கிலும் உள்ள பயனர்களுக்கு தாமதத்தைக் குறைக்க உங்கள் சொத்துக்களை பல சேவையகங்களில் விநியோகிக்கவும்.
• சோம்பேறி ஏற்றத்தை செயல்படுத்துதல்: உடனடியாகத் தெரியாத படங்கள் மற்றும் பிற வளங்களின் ஏற்றலை ஒத்திவைக்கவும்.

உதாரணம்: ஒரு சர்வதேச இ-காமர்ஸ் தளம் அதன் வளங்களை பல புவியியல் பிராந்தியங்களில் விநியோகிக்க CDN-களைப் பயன்படுத்துகிறது. இது வெவ்வேறு நாடுகளில் உள்ள பயனர்களுக்கு ஏற்றுதல் நேரத்தைக் குறைக்கிறது மற்றும் வேகமான மற்றும் நிலையான பயனர் அனுபவத்தை வழங்குகிறது.

8. குறியீடு பிரித்தல்

குறியீடு பிரித்தல் என்பது உங்கள் ஜாவாஸ்கிரிப்ட் தொகுப்பை சிறிய துண்டுகளாக உடைக்கும் ஒரு நுட்பமாகும், இது தேவைக்கேற்ப ஏற்றப்படலாம். இது ஆரம்ப பக்க ஏற்றுதல் நேரத்தை கணிசமாக மேம்படுத்தும்.

• ஆரம்பத்தில் தேவையான குறியீட்டை மட்டும் ஏற்றவும்: உங்கள் குறியீட்டை தொகுதிக்கூறுகளாகப் பிரித்து, தற்போதைய பக்கத்திற்குத் தேவையான தொகுதிக்கூறுகளை மட்டும் ஏற்றவும்.
• டைனமிக் இறக்குமதிகளைப் பயன்படுத்தவும்: தேவைக்கேற்ப தொகுதிக்கூறுகளை ஏற்ற டைனமிக் இறக்குமதிகளைப் பயன்படுத்தவும்.

உதாரணம்: உலகெங்கிலும் சேவைகளை வழங்கும் ஒரு பயன்பாடு குறியீடு பிரிப்பதன் மூலம் ஏற்றுதல் வேகத்தை மேம்படுத்தலாம். ஒரு பயனரின் தற்போதைய இருப்பிடத்திற்குத் தேவையான குறியீடு மட்டுமே ஆரம்ப பக்க ஏற்றத்தில் ஏற்றப்படுகிறது. மொழிகள் மற்றும் இருப்பிடம் சார்ந்த அம்சங்களைக் கொண்ட கூடுதல் தொகுதிக்கூறுகள் தேவைப்படும்போது டைனமிக்காக ஏற்றப்படுகின்றன.

9. செயல்திறன் சுயவிவரத்தைப் பயன்படுத்துதல்

உங்கள் குறியீட்டில் உள்ள செயல்திறன் தடைகளைக் கண்டறிவதற்கான ஒரு அத்தியாவசிய கருவி செயல்திறன் சுயவிவரம் ஆகும்.

• உலாவி டெவலப்பர் கருவிகளைப் பயன்படுத்தவும்: நவீன உலாவிகள் உள்ளமைக்கப்பட்ட செயல்திறன் சுயவிவரங்களைக் கொண்டுள்ளன, அவை உங்கள் குறியீட்டின் செயல்பாட்டைப் பகுப்பாய்வு செய்து மேம்படுத்துவதற்கான பகுதிகளை அடையாளம் காண உங்களை அனுமதிக்கின்றன.
• CPU மற்றும் நினைவகப் பயன்பாட்டைப் பகுப்பாய்வு செய்யவும்: CPU பயன்பாடு, நினைவக ஒதுக்கீடு மற்றும் குப்பை சேகரிப்பு செயல்பாட்டைக் கண்காணிக்க சுயவிவரத்தைப் பயன்படுத்தவும்.
• மெதுவான செயல்பாடுகள் மற்றும் செயல்பாடுகளை அடையாளம் காணவும்: சுயவிவரம் செயல்படுத்த அதிக நேரம் எடுக்கும் செயல்பாடுகள் மற்றும் செயல்பாடுகளை முன்னிலைப்படுத்தும்.

உதாரணம்: உலகளவில் பயனர்களால் பயன்படுத்தப்படும் ஒரு வலைப் பயன்பாட்டைப் பகுப்பாய்வு செய்ய Chrome DevTools செயல்திறன் தாவலைப் பயன்படுத்தி, ஒரு டெவலப்பர் மெதுவான செயல்பாட்டு அழைப்புகள் அல்லது நினைவகக் கசிவுகள் போன்ற செயல்திறன் தடைகளை எளிதில் கண்டறிந்து, அனைத்து பிராந்தியங்களிலும் பயனர் அனுபவத்தை மேம்படுத்த அவற்றைத் தீர்க்க முடியும்.

பன்னாட்டுமயமாக்கல் மற்றும் உள்ளூர்மயமாக்கலுக்கான பரிசீலனைகள்

உலகளாவிய பார்வையாளர்களுக்காக வலைப் பயன்பாடுகளை உருவாக்கும்போது, பன்னாட்டுமயமாக்கல் மற்றும் உள்ளூர்மயமாக்கலைக் கருத்தில் கொள்வது மிகவும் முக்கியமானது. இது உங்கள் பயன்பாட்டை வெவ்வேறு மொழிகள், கலாச்சாரங்கள் மற்றும் பிராந்திய விருப்பங்களுக்கு ஏற்ப மாற்றுவதை உள்ளடக்கியது.

• சரியான எழுத்து குறியாக்கம் (UTF-8): வெவ்வேறு மொழிகளிலிருந்து பரந்த அளவிலான எழுத்துக்களை ஆதரிக்க UTF-8 எழுத்து குறியாக்கத்தைப் பயன்படுத்தவும்.
• உரையின் உள்ளூர்மயமாக்கல்: உங்கள் பயன்பாட்டின் உரையை பல மொழிகளில் மொழிபெயர்க்கவும். மொழிபெயர்ப்புகளை நிர்வகிக்க பன்னாட்டுமயமாக்கல் (i18n) நூலகங்களைப் பயன்படுத்தவும்.
• தேதி மற்றும் நேர வடிவமைப்பு: பயனரின் இருப்பிடத்திற்கு ஏற்ப தேதிகள் மற்றும் நேரங்களை வடிவமைக்கவும்.
• எண் வடிவமைப்பு: நாணய சின்னங்கள் மற்றும் தசம பிரிப்பான்கள் உட்பட, பயனரின் இருப்பிடத்திற்கு ஏற்ப எண்களை வடிவமைக்கவும்.
• நாணய மாற்று: உங்கள் பயன்பாடு நாணயத்தைக் கையாண்டால், நாணய மாற்றத்திற்கான விருப்பங்களை வழங்கவும்.
• வலமிருந்து இடமாக (RTL) மொழி ஆதரவு: உங்கள் பயன்பாடு RTL மொழிகளை (எ.கா., அரபு, ஹீப்ரு) ஆதரித்தால், உங்கள் UI தளவமைப்பு சரியாக மாற்றியமைக்கப்படுவதை உறுதிசெய்யவும்.
• அணுகல்தன்மை: WCAG வழிகாட்டுதல்களைப் பின்பற்றி, குறைபாடுகள் உள்ள பயனர்களுக்கு உங்கள் பயன்பாடு அணுகக்கூடியதாக இருப்பதை உறுதிசெய்யவும். இது உலகெங்கிலும் உள்ள பயனர்கள் உங்கள் பயன்பாட்டை திறம்பட பயன்படுத்த முடியும் என்பதை உறுதிப்படுத்த உதவுகிறது.

உதாரணம்: ஒரு சர்வதேச இ-காமர்ஸ் தளம் சரியான எழுத்து குறியாக்கத்தை செயல்படுத்த வேண்டும், அதன் வலைத்தள உள்ளடக்கத்தை பல மொழிகளில் மொழிபெயர்க்க வேண்டும், மற்றும் பல்வேறு இடங்களில் உள்ள பயனர்களுக்கு தனிப்பயனாக்கப்பட்ட அனுபவத்தை வழங்க பயனரின் புவியியல் பகுதிக்கு ஏற்ப தேதிகள், நேரங்கள் மற்றும் நாணயங்களை வடிவமைக்க வேண்டும்.

ஜாவாஸ்கிரிப்ட் இன்ஜின்களின் எதிர்காலம்

ஜாவாஸ்கிரிப்ட் இன்ஜின்கள் தொடர்ந்து உருவாகி வருகின்றன, செயல்திறனை மேம்படுத்த, புதிய அம்சங்களைச் சேர்க்க, மற்றும் வலை தரங்களுடன் இணக்கத்தை மேம்படுத்த தொடர்ச்சியான முயற்சிகள் மேற்கொள்ளப்படுகின்றன. கவனிக்க வேண்டிய சில முக்கிய போக்குகள் இங்கே:

• வெப்அசெம்பிளி: வெப்அசெம்பிளி (Wasm) என்பது ஒரு பைனரி அறிவுறுத்தல் வடிவமாகும், இது உலாவியில் பல்வேறு மொழிகளில் (சி, சி++, மற்றும் ரஸ்ட் போன்றவை) எழுதப்பட்ட குறியீட்டை கிட்டத்தட்ட நேட்டிவ் வேகத்தில் இயக்க உங்களை அனுமதிக்கிறது. ஜாவாஸ்கிரிப்ட் இன்ஜின்கள் வாஸ்மை அதிகளவில் ஒருங்கிணைத்து வருகின்றன, இது கணக்கீட்டு ரீதியாக தீவிரமான பணிகளுக்கு குறிப்பிடத்தக்க செயல்திறன் மேம்பாடுகளை செயல்படுத்துகிறது.
• மேலும் JIT மேம்படுத்தல்: JIT தொகுத்தல் நுட்பங்கள் மேலும் அதிநவீனமாகி வருகின்றன. இன்ஜின்கள் இயக்க நேர தரவுகளின் அடிப்படையில் குறியீடு செயல்பாட்டை மேம்படுத்துவதற்கான வழிகளை தொடர்ந்து ஆராய்ந்து வருகின்றன.
• மேம்படுத்தப்பட்ட குப்பை சேகரிப்பு: குப்பை சேகரிப்பு வழிமுறைகள் இடைநிறுத்தங்களைக் குறைக்கவும் நினைவக நிர்வாகத்தை மேம்படுத்தவும் தொடர்ந்து செம்மைப்படுத்தப்படுகின்றன.
• மேம்படுத்தப்பட்ட தொகுதி ஆதரவு: ஜாவாஸ்கிரிப்ட் தொகுதிகளுக்கான (ES தொகுதிகள்) ஆதரவு தொடர்ந்து உருவாகி வருகிறது, இது மிகவும் திறமையான குறியீடு அமைப்பு மற்றும் சோம்பேறி ஏற்றத்தை அனுமதிக்கிறது.
• தரப்படுத்தல்: இன்ஜின் டெவலப்பர்கள் ECMAScript விவரக்குறிப்புகளுக்கு இணங்குவதை மேம்படுத்தவும், வெவ்வேறு உலாவிகள் மற்றும் இயக்க நேரங்களில் இணக்கத்தை மேம்படுத்தவும் ஒத்துழைக்கின்றனர்.

முடிவுரை

ஜாவாஸ்கிரிப்ட் இயக்க நேர செயல்திறனைப் புரிந்துகொள்வது வலை உருவாக்குநர்களுக்கு, குறிப்பாக இன்றைய உலகளாவிய சூழலில், இன்றியமையாதது. இந்த கட்டுரை V8, ஸ்பைடர்மாங்கி, மற்றும் ஜாவாஸ்கிரிப்ட்கோர், ஜாவாஸ்கிரிப்ட் இன்ஜின் நிலப்பரப்பில் உள்ள முக்கிய வீரர்கள் பற்றிய விரிவான கண்ணோட்டத்தை வழங்கியுள்ளது. திறமையான இன்ஜின் பயன்பாட்டுடன் உங்கள் ஜாவாஸ்கிரிப்ட் குறியீட்டை மேம்படுத்துவது, வேகமான மற்றும் பதிலளிக்கக்கூடிய வலைப் பயன்பாடுகளை வழங்குவதற்கான திறவுகோலாகும். வலை தொடர்ந்து உருவாகும்போது, ஜாவாஸ்கிரிப்ட் இன்ஜின்களும் உருவாகும். சமீபத்திய முன்னேற்றங்கள் மற்றும் சிறந்த நடைமுறைகள் குறித்து அறிந்திருப்பது உலகெங்கிலும் உள்ள பயனர்களுக்கு செயல்திறன் மிக்க மற்றும் ஈர்க்கக்கூடிய அனுபவங்களை உருவாக்குவதற்கு முக்கியமானதாக இருக்கும்.