Hacker News

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

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

1 min read Via sgom.es

Mewayz Team

Editorial Team

Hacker News
முழுமையான எஸ்சிஓ வலைப்பதிவு இடுகை இங்கே:

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

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

எங்கள் 207-தொகுதி வணிக OS தினசரி 138,000 பயனர்களுக்கு சேவை செய்யும் Mewayz இல், நிலையான செயல்திறனுக்கு வேண்டுமென்றே கட்டடக்கலைத் தேர்வுகள் தேவை என்பதை நாங்கள் முன்பே அறிந்தோம் - வேகமான ஸ்கிரிப்டுகள் மட்டுமல்ல. ஜாவாஸ்கிரிப்ட்-கடுமையான உத்திகள் அளவில் ஏன் தோல்வியடைகின்றன, அதற்குப் பதிலாக முன்னோக்கிச் சிந்திக்கும் குழுக்கள் என்ன செய்ய வேண்டும் என்பது இங்கே.

அதிகப்படியான JavaScript ஏன் காலப்போக்கில் செயல்திறனை பாதிக்கிறது?

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

200KB JavaScript உடன் ஏற்றப்படும் ஒரு பக்கம் இன்று ஆறு மாதங்களுக்குப் பிறகு 600KB இல் மந்தமாகிறது. அம்சங்கள் சேர்த்தல், மூன்றாம் தரப்பு ஒருங்கிணைப்புகள், பகுப்பாய்வு நூலகங்கள் மற்றும் A/B சோதனை ஸ்கிரிப்டுகள் அனைத்தும் மூட்டை வீக்கத்திற்கு பங்களிக்கின்றன. கூகிளின் முக்கிய இணைய உயிர்கள் — குறிப்பாக நெக்ஸ்ட் பெயிண்ட் (INP) மற்றும் மிகப்பெரிய கன்டன்ட்ஃபுல் பெயிண்ட் (LCP) ஆகியவற்றுடன் தொடர்புகொள்வது — உங்கள் தேடல் தெரிவுநிலையை நேரடியாகப் பாதிக்கும், இதுபோன்ற திரட்சிக்கு அபராதம் விதிக்கிறது.

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

ஜாவாஸ்கிரிப்ட்-முதல் மேம்பாட்டின் மறைக்கப்பட்ட செலவுகள் என்ன?

பக்க வேகத்திற்கு அப்பால், ஜாவாஸ்கிரிப்ட்-கடுமையான அணுகுமுறைகள் பல மறைக்கப்பட்ட செலவுகளை அறிமுகப்படுத்துகின்றன, அவை ஒரு தயாரிப்பின் வாழ்க்கைச் சுழற்சியைக் கூட்டும்:

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

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

நாங்கள் எப்படி இங்கு வந்தோம் - மற்றும் தொழில்துறை எங்கு செல்கிறது?

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

ஆனால் ஊசல் மீண்டும் ஊசலாடுகிறது. சர்வர்-முதல் கட்டமைப்புகள், முற்போக்கான மேம்பாடுகள் மற்றும் கலப்பின ரெண்டரிங் உத்திகளை நோக்கிய ஒரு தெளிவான மாற்றத்தை இந்தத் தொழில் காண்கிறது. Astro, Fresh போன்ற கட்டமைப்புகள் மற்றும் Next.js இன் சமீபத்திய மறு செய்கைகள் இயல்பாகவே குறைவான ஜாவாஸ்கிரிப்டை அனுப்புவதை வலியுறுத்துகின்றன. வலை கூறுகள் மற்றும் CSS அடிப்படையிலான ஊடாடுதல் - கண்டெய்னர் வினவல்கள், உருட்டல்-உந்துதல் அனிமேஷன்கள், :has() தேர்வி - பிளாட்ஃபார்ம் முன்பு தேவைப்பட்ட ஸ்கிரிப்ட்களைப் பிடிக்கிறது என்பதை நிரூபிக்கிறது.

💡 DID YOU KNOW?

Mewayz replaces 8+ business tools in one platform

CRM · Invoicing · HR · Projects · Booking · eCommerce · POS · Analytics. Free forever plan available.

Start Free →

உலாவி விற்பனையாளர்களும் இந்த திசையை சமிக்ஞை செய்கின்றனர். ஒரு கோர் வெப் வைட்டலாக INP இல் Chrome இன் முதலீடு, சஃபாரியின் ஆக்ரோசிவ் ஸ்கிரிப்ட் த்ரோட்லிங் மற்றும் Firefox இன் மேம்படுத்தப்பட்ட சோம்பேறி-ஏற்றுதல் திறன்கள் அனைத்தும் மெலிந்த கட்டமைப்புகளுக்கு வெகுமதி அளிக்கிறது.

ஒரு நிலையான செயல்திறன் உத்தி எப்படி இருக்கும்?

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

செயல்திறன் பட்ஜெட்டுகளுடன் தொடங்கவும். உங்கள் விண்ணப்பம் ஒரு வழிக்கு அனுப்பக்கூடிய அதிகபட்ச JavaScript பேலோடை வரையறுத்து அதை CI/CD பைப்லைன்கள் மூலம் செயல்படுத்தவும். ஒரு புதிய அம்சம் பட்ஜெட்டை மீறும் போது, ​​குழு மேலும் சேர்க்கும் முன் ஏற்கனவே உள்ள குறியீட்டை மேம்படுத்த வேண்டும். இந்த ஒற்றைப் பயிற்சியானது, மாதங்கள் மற்றும் வருடங்களில் செயல்திறனைக் கொல்லும் படிப்படியான வீக்கத்தைத் தடுக்கிறது.

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

இறுதியாக, கவனிப்பில் முதலீடு செய்யுங்கள். உண்மையான பயனர் கண்காணிப்பு (RUM) தரவு, உண்மையான சாதனங்கள் மற்றும் நெட்வொர்க் நிலைகளில் உங்கள் JavaScript எவ்வாறு உண்மையான பயனர்களை எவ்வாறு பாதிக்கிறது என்பதைத் துல்லியமாகக் கூறுகிறது — இது உங்கள் டெவலப்மென்ட் மெஷினில் எவ்வாறு செயல்படுகிறது என்பதை மட்டும் அல்ல.

அடிக்கடி கேட்கப்படும் கேள்விகள்

வணிக பயன்பாடுகளுக்கு ஜாவாஸ்கிரிப்ட் கட்டமைப்புகள் மோசமானவை என்று இது அர்த்தப்படுத்துகிறதா?

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

வலை பயன்பாட்டிற்கு ஜாவாஸ்கிரிப்ட் எவ்வளவு அதிகமாக உள்ளது?

உலகளாவிய வரம்பு எதுவும் இல்லை, ஆனால் கூகுள் மற்றும் HTTP காப்பகத் தரவின் ஆராய்ச்சியின்படி, 300-400KB க்கு மேல் சுருக்கப்பட்ட JavaScript ஐ அனுப்பும் பக்கங்கள் சராசரி மொபைல் சாதனங்களில் அளவிடக்கூடிய செயல்திறன் குறைவை அனுபவிக்கத் தொடங்குகின்றன. முழுமையான எண்ணை விட முக்கியமானது போக்கு — ஒவ்வொரு வெளியீட்டிலும் உங்கள் ஜாவாஸ்கிரிப்ட் தொகுப்பு வளர்ந்து வருகிறது, மேலும் அந்த வளர்ச்சியை ஈடுசெய்ய உங்களிடம் எந்த செயல்முறையும் இல்லை என்றால், நீங்கள் ஒரு நீடிக்க முடியாத பாதையில் இருக்கிறீர்கள்.

Mwayz போன்ற 207 தொகுதிகள் கொண்ட இயங்குதளம் உண்மையில் செயல்திறனுடன் இருக்க முடியுமா?

ஆம், ஆனால் அதற்கு கட்டடக்கலை அர்ப்பணிப்பு தேவை. Mewayz இல், நாங்கள் ஆக்கிரமிப்பு குறியீட்டைப் பிரிப்பதைப் பயன்படுத்துகிறோம், எனவே பயனர்கள் அவர்கள் தீவிரமாகப் பயன்படுத்தும் தொகுதிகளை மட்டுமே ஏற்றுவார்கள். ஆரம்ப சுமைகளுக்கான சர்வர்-பக்கம் ரெண்டரிங் மற்றும் எதிர்பார்க்கப்படும் வழிசெலுத்தலுக்கான புத்திசாலித்தனமான முன்னெச்சரிக்கை ஆகியவற்றுடன் இணைந்து, எங்கள் 207-தொகுதி வணிக OS அனைத்து திட்ட அடுக்குகளிலும் வேகமான, நிலையான அனுபவங்களை வழங்குகிறது. அளவு மற்றும் செயல்திறன் ஒன்றுக்கொன்று பிரத்தியேகமானவை அல்ல - முதல் நாளிலிருந்தே வேண்டுமென்றே பொறியியல் தேர்வுகள் தேவைப்படுகின்றன.

அளவிலான செயல்திறனுக்காக கட்டமைக்கப்பட்ட வணிக தளத்தை அனுபவிக்க தயாரா? Mewayz உங்களுக்கு 207 ஒருங்கிணைந்த தொகுதிகளை வழங்குகிறது - CRM மற்றும் திட்ட மேலாண்மை முதல் விலைப்பட்டியல் மற்றும் HR வரை. 138,000 பயனர்களுடன் சேருங்கள், அவர்கள் தங்கள் வணிகங்களை வேகமாக நடத்துகிறார்கள், வெறும் $19/mo இல் தொடங்குங்கள். இன்றே Mewayz உடன் தொடங்கவும்.