ரியாக்ட் experimental_TracingMarker பகுப்பாய்வு இயந்திரம்: உலகளாவிய பயன்பாடுகளுக்கான செயல்திறன் தரவு நுண்ணறிவு

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

experimental_TracingMarker என்றால் என்ன?

ரியாக்ட் 18 இல் அறிமுகப்படுத்தப்பட்ட experimental_TracingMarker API, ரியாக்ட் கூறுகளின் செயல்திறனை அளவிட மற்றும் பகுப்பாய்வு செய்ய வடிவமைக்கப்பட்ட ஒரு கீழ்-நிலை API ஆகும். இது டெவலப்பர்கள் தங்கள் குறியீட்டின் குறிப்பிட்ட பகுதிகளை "ட்ரேஸ் செய்யப்பட்ட" பகுதிகளாக வரையறுக்க அனுமதிக்கிறது, இந்தப் பகுதிகள் செயல்பட எவ்வளவு நேரம் எடுக்கின்றன என்பது பற்றிய துல்லியமான நேரத் தகவலைச் சேகரிக்க உதவுகிறது. இந்தத் தரவை செயல்திறன் தடைகளைக் கண்டறிந்து அதற்கேற்ப குறியீட்டை மேம்படுத்தப் பயன்படுத்தலாம். இது ஒரு சோதனை API என்பதால், அதன் நடத்தை மற்றும் கிடைக்கும் தன்மை எதிர்கால ரியாக்ட் பதிப்புகளில் மாறக்கூடும். இருப்பினும், இது ரியாக்ட் செயல்திறன் பகுப்பாய்வின் எதிர்காலத்தைப் பற்றிய ஒரு பார்வையை வழங்குகிறது.

experimental_TracingMarker-ஐ ஏன் பயன்படுத்த வேண்டும்?

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

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

experimental_TracingMarker-ஐ செயல்படுத்துதல்: ஒரு நடைமுறை வழிகாட்டி

உங்கள் ரியாக்ட் பயன்பாட்டில் experimental_TracingMarker-ஐ செயல்படுத்துவதற்கான படிப்படியான வழிகாட்டி இங்கே:

1. API-ஐ இறக்குமதி செய்தல்

முதலில், react பேக்கேஜிலிருந்து experimental_TracingMarker API-ஐ இறக்குமதி செய்யுங்கள்:

            import { experimental_TracingMarker } from 'react';
            

              
                Copy
              
            
          

2. ட்ரேஸ் செய்யப்பட்ட பகுதிகளை வரையறுத்தல்

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

• சிக்கலான கூறு ரெண்டரிங் லாஜிக்
• தரவு பெறும் செயல்பாடுகள்
• அதிக செலவாகும் கணக்கீடுகள்
• பெரிய பட்டியல் ரெண்டரிங்

இதோ ஒரு உதாரணம்:

            import { experimental_TracingMarker } from 'react';

function MyComponent() {
  const data = useExpensiveCalculation();

  return (
    <experimental_TracingMarker name="ExpensiveCalculation" onIdentify={() => ({ calculationSize: data.length })}>
      <div>{data.map(item => <div key={item.id}>{item.name}</div>)}</div>
    </experimental_TracingMarker>
  );
}

            

              
                Copy
              
            
          

இந்த எடுத்துக்காட்டில், ExpensiveCalculation பகுதி ட்ரேஸ் செய்யப்படுகிறது. onIdentify கால்பேக் கணக்கிடப்பட்ட தரவின் அளவைப் பிடிக்கிறது. குறிப்பு: நீங்கள் மற்ற கூறுகளை experimental_TracingMarker உடன் இணைக்கலாம். எடுத்துக்காட்டாக, பட்டியல் உருப்படிகளைக் கொண்ட <div>-ஐ நீங்கள் இணைக்கலாம்.

3. செயல்திறன் தரவைச் சேகரித்தல்

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

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

செயல்திறன் தரவைச் சேகரிக்க PerformanceObserver API-ஐப் பயன்படுத்துவதற்கான ஒரு எடுத்துக்காட்டு இங்கே:

            const observer = new PerformanceObserver((list) => {
  list.getEntries().forEach((entry) => {
    if (entry.entryType === 'measure') {
      console.log(entry.name, entry.duration, entry.detail);
      // Send the data to your analytics server
    }
  });
});

observer.observe({ entryTypes: ['measure'] });

            

              
                Copy
              
            
          

PerformanceObserver உடன் இணக்கமாக இருக்க தனிப்பயன் அளவீடுகளை உருவாக்க நீங்கள் performance.mark மற்றும் performance.measure-ஐப் பயன்படுத்த வேண்டும். இதை experimental_TracingMarker உடன் இணைந்து பயன்படுத்தலாம். மேலும் விவரங்களுக்கு கீழே பார்க்கவும்.

4. செயல்திறன் தரவைப் பகுப்பாய்வு செய்தல்

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

• ஃபிளேம் விளக்கப்படங்கள் (Flame Charts): வெவ்வேறு குறியீட்டுப் பிரிவுகளின் செயல்பாட்டு நேரத்தைக் காட்சிப்படுத்துங்கள்.
• கூறு நேரங்கள் (Component Timings): ரெண்டர் செய்ய அதிக நேரம் எடுக்கும் கூறுகளைக் கண்டறியவும்.
• செயல்பாடுகள் (Interactions): குறிப்பிட்ட பயனர் செயல்பாடுகளின் செயல்திறனைப் பகுப்பாய்வு செய்யவும்.
• பயனர் நேர API (User Timing API): மேலும் மேம்பட்ட செயல்திறன் பகுப்பாய்விற்கு experimental_TracingMarker-ஐ பயனர் நேர API (performance.mark மற்றும் performance.measure) உடன் இணைந்து பயன்படுத்தலாம். உங்கள் குறியீட்டில் குறிப்பிட்ட புள்ளிகளைக் குறிக்க performance.mark-ஐயும், அந்தப் புள்ளிகளுக்கு இடையேயான நேரத்தை அளவிட performance.measure-ஐயும் பயன்படுத்தவும்.

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

மேம்பட்ட பயன்பாடு மற்றும் கருத்தில் கொள்ள வேண்டியவை

1. டைனமிக் ட்ரேசிங்

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

            const isTracingEnabled = process.env.NODE_ENV === 'production';

function MyComponent() {
  // ...

  return (
    <>{
      isTracingEnabled && (
        <experimental_TracingMarker name="ExpensiveCalculation">
          <div>{data.map(item => <div key={item.id}>{item.name}</div>)}</div>
        </experimental_TracingMarker>
      )
    }</>
  );
}

            

              
                Copy
              
            
          

2. பயனர் நேர API உடன் ஒருங்கிணைப்பு

ட்ரேசிங்கில் மேலும் நுணுக்கமான கட்டுப்பாட்டிற்கு, நீங்கள் experimental_TracingMarker-ஐ பயனர் நேர API (performance.mark மற்றும் performance.measure) உடன் ஒருங்கிணைக்கலாம். இது தனிப்பயன் செயல்திறன் அளவீடுகளை வரையறுக்கவும், காலப்போக்கில் அவற்றைக் கண்காணிக்கவும் உங்களை அனுமதிக்கிறது.

            import { experimental_TracingMarker } from 'react';

function MyComponent() {
  performance.mark('startCalculation');
  const data = useExpensiveCalculation();
  performance.mark('endCalculation');
  performance.measure('ExpensiveCalculation', 'startCalculation', 'endCalculation');

  return (
    <experimental_TracingMarker name="RenderList">
      <div>{data.map(item => <div key={item.id}>{item.name}</div>)}</div>
    </experimental_TracingMarker>
  );
}

            

              
                Copy
              
            
          

இந்த எடுத்துக்காட்டில், அதிக செலவாகும் கணக்கீட்டின் தொடக்கத்தையும் முடிவையும் குறிக்க performance.mark-ஐயும், அந்தப் புள்ளிகளுக்கு இடையேயான நேரத்தை அளவிட performance.measure-ஐயும் பயன்படுத்துகிறோம். பட்டியலின் ரெண்டரிங்கை அளவிட experimental_TracingMarker பயன்படுத்தப்படுகிறது.

3. பிழை கையாளுதல்

ட்ரேசிங்கின் போது ஏற்படக்கூடிய பிழைகளைக் கையாள உங்கள் ட்ரேசிங் குறியீட்டை try-catch பிளாக்குகளில் இணைக்கவும். இது பிழைகள் உங்கள் பயன்பாட்டை செயலிழக்கச் செய்வதைத் தடுக்கும்.

            import { experimental_TracingMarker } from 'react';

function MyComponent() {
  try {
    const data = useExpensiveCalculation();

    return (
      <experimental_TracingMarker name="ExpensiveCalculation">
        <div>{data.map(item => <div key={item.id}>{item.name}</div>)}</div>
      </experimental_TracingMarker>
    );
  } catch (error) {
    console.error('Error during tracing:', error);
    return <div>Error</div>;
  }
}

            

              
                Copy
              
            
          

4. உலகளாவிய கண்ணோட்டம் மற்றும் புவிஇருப்பிடம்

உலகளாவிய பார்வையாளர்களுக்காக பயன்பாடுகளை மேம்படுத்தும்போது, நெட்வொர்க் தாமதம் மற்றும் புவியியல் தூரத்தின் தாக்கத்தை செயல்திறனில் கருத்தில் கொள்ளுங்கள். பயனர்களுக்கு அருகில் நிலையான சொத்துக்களை கேச் செய்ய உள்ளடக்க விநியோக நெட்வொர்க்குகள் (CDNs) போன்ற கருவிகளைப் பயன்படுத்தவும். வெவ்வேறு பிராந்தியங்களில் செயல்திறன் எவ்வாறு மாறுபடுகிறது என்பதைப் புரிந்துகொள்ள உங்கள் பகுப்பாய்வுகளில் புவிஇருப்பிடத் தகவலைச் சேர்க்கவும். எடுத்துக்காட்டாக, ipinfo.io போன்ற சேவையைப் பயன்படுத்தி பயனரின் இருப்பிடத்தை அவர்களின் IP முகவரியின் அடிப்படையில் தீர்மானித்து, இந்தத் தரவை செயல்திறன் அளவீடுகளுடன் தொடர்புபடுத்தலாம். இருப்பிடத் தரவைச் சேகரிக்கும்போது GDPR போன்ற தனியுரிமை விதிமுறைகளைக் கவனத்தில் கொள்ளுங்கள்.

5. A/B சோதனை மற்றும் செயல்திறன்

புதிய அம்சங்கள் அல்லது மேம்படுத்தல்களை அறிமுகப்படுத்தும்போது, செயல்திறனில் ஏற்படும் தாக்கத்தை அளவிட A/B சோதனையைப் பயன்படுத்தவும். கட்டுப்பாட்டுக் குழு மற்றும் சோதனைக் குழு இரண்டிற்கும் பக்க ஏற்றுதல் நேரம், ஊடாடும் நேரம், மற்றும் ரெண்டரிங் நேரம் போன்ற முக்கிய செயல்திறன் அளவீடுகளைக் கண்காணிக்கவும். இது உங்கள் மாற்றங்கள் உண்மையில் செயல்திறனை மேம்படுத்துகின்றனவா மற்றும் எந்தப் பின்னடைவுகளையும் அறிமுகப்படுத்தவில்லையா என்பதை உறுதிப்படுத்த உதவும். Google Optimize மற்றும் Optimizely போன்ற கருவிகளை A/B சோதனைக்கு பயன்படுத்தலாம்.

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

உங்கள் பயன்பாட்டில் உள்ள முக்கியமான பயனர் ஓட்டங்களைக் (எ.கா., உள்நுழைவு, செக்அவுட், தேடல்) கண்டறிந்து, அந்த ஓட்டங்களின் செயல்திறனை மேம்படுத்துவதில் கவனம் செலுத்துங்கள். இந்த ஓட்டங்களில் ஈடுபட்டுள்ள முக்கிய கூறுகளின் செயல்திறனை அளவிட experimental_TracingMarker-ஐப் பயன்படுத்தவும். இந்த ஓட்டங்களின் செயல்திறனைக் கண்காணிக்கவும் மற்றும் ஏதேனும் சிக்கல்களை முன்கூட்டியே கண்டறியவும் டாஷ்போர்டுகள் மற்றும் எச்சரிக்கைகளை உருவாக்கவும்.

உலகளாவிய எடுத்துக்காட்டுகள்

உலகளாவிய பார்வையாளர்களுக்காக ரியாக்ட் பயன்பாடுகளை மேம்படுத்த experimental_TracingMarker-ஐ எவ்வாறு பயன்படுத்தலாம் என்பதற்கான சில எடுத்துக்காட்டுகள் இங்கே:

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

சிறந்த நடைமுறைகள்

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

experimental_TracingMarker-க்கு மாற்றுகள்

experimental_TracingMarker மதிப்புமிக்க நுண்ணறிவுகளை வழங்கினாலும், பிற கருவிகள் உங்கள் செயல்திறன் பகுப்பாய்விற்கு துணைபுரியும்:

• ரியாக்ட் சுயவிவரம் (டெவ்டூல்ஸ்): மேம்பாட்டின் போது மெதுவான கூறுகளைக் கண்டறிவதற்கான ஒரு நிலையான கருவி.
• வெப் வைட்டல்ஸ் (Web Vitals): இணைய செயல்திறன் அளவீடுகளை (LCP, FID, CLS) தரப்படுத்துவதற்கான கூகிளின் முயற்சி.
• லைட்ஹவுஸ் (Lighthouse): செயல்திறன், அணுகல்தன்மை மற்றும் SEO உள்ளிட்ட வலைப்பக்கங்களை தணிக்கை செய்வதற்கான ஒரு தானியங்கு கருவி.
• மூன்றாம் தரப்பு APM கருவிகள் (எ.கா., New Relic, Datadog): உங்கள் முழு பயன்பாட்டு அடுக்குக்கும் விரிவான கண்காணிப்பு மற்றும் எச்சரிக்கையை வழங்குகின்றன.

முடிவுரை

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

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