Lit SSR: வலைக் கூறுகளுக்கான சர்வர்-சைடு ரெண்டரிங் - ஒரு விரிவான வழிகாட்டி

வலைக் கூறுகள் (Web Components) மீண்டும் பயன்படுத்தக்கூடிய மற்றும் ஒருங்கிணைக்கப்பட்ட UI கூறுகளை உருவாக்க ஒரு சக்திவாய்ந்த வழியை வழங்குகின்றன. இருப்பினும், பாரம்பரியமாக, வலைக் கூறுகள் கிளையன்ட்-சைடில் ரெண்டர் செய்யப்படுகின்றன, இது ஆரம்ப பக்க ஏற்றுதல் நேரத்தை பாதிக்கக்கூடும், குறிப்பாக மெதுவான சாதனங்கள் அல்லது நெட்வொர்க்குகளில், மற்றும் தேடுபொறி உகப்பாக்கத்தை (SEO) எதிர்மறையாக பாதிக்கக்கூடும். Lit, வலைக் கூறுகளை உருவாக்குவதற்கான ஒரு இலகுரக நூலகம், ஒரு கட்டாய தீர்வை வழங்குகிறது: Lit SSR (சர்வர்-சைடு ரெண்டரிங்). இந்த வழிகாட்டி Lit SSR, அதன் நன்மைகள், செயல்படுத்தல் மற்றும் உகந்த செயல்திறன் மற்றும் SEO-விற்கான பரிசீலனைகள் பற்றிய விரிவான ஆய்வை வழங்குகிறது.

சர்வர்-சைடு ரெண்டரிங் (SSR) என்றால் என்ன?

சர்வர்-சைடு ரெண்டரிங் (SSR) என்பது ஒரு வலைப்பக்கத்தின் ஆரம்ப HTML உள்ளடக்கம் சர்வரில் உருவாக்கப்பட்டு உலவிக்கு அனுப்பப்படும் ஒரு தொழில்நுட்பமாகும். உள்ளடக்கத்தை ரெண்டர் செய்யும் ஜாவாஸ்கிரிப்டுடன் ஒரு வெற்று HTML பக்கத்தை அனுப்புவதற்குப் பதிலாக, சர்வர் ஒரு முழுமையாக ரெண்டர் செய்யப்பட்ட HTML பக்கத்தை அனுப்புகிறது. உலாவி பின்னர் DOM-ஐ உருவாக்க ஜாவாஸ்கிரிப்டை இயக்குவதற்குப் பதிலாக, HTML-ஐ பாகுபடுத்தி உள்ளடக்கத்தைக் காட்டினால் மட்டும் போதும்.

சர்வர்-சைடு ரெண்டரிங்கின் நன்மைகள்:

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

வலைக் கூறுகளுக்கு Lit SSR-ஐ ஏன் பயன்படுத்த வேண்டும்?

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

Lit SSR-ன் முக்கிய நன்மைகள்:

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

Lit SSR-ஐ அமைத்தல்

Lit SSR-ஐ அமைப்பதில் பல படிகள் உள்ளன. இந்தப் பகுதி பொதுவான செயல்முறையை கோடிட்டுக் காட்டும். உங்கள் பேக்கெண்ட் தொழில்நுட்பத்தைப் பொறுத்து குறிப்பிட்ட செயல்படுத்தல் விவரங்கள் மாறுபடலாம் (எ.கா., Node.js, Python, PHP, Java).

1. தேவையான தொகுப்புகளை நிறுவுதல்

நீங்கள் தேவையான Lit SSR தொகுப்புகளை நிறுவ வேண்டும்:

            npm install lit lit-element @lit-labs/ssr
            

              
                Copy
              
            
          

2. உங்கள் சர்வரை உள்ளமைத்தல்

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

3. SSR லாஜிக்கை செயல்படுத்துதல்

Lit SSR-ன் முக்கிய அம்சம் `@lit-labs/ssr` தொகுப்பைப் பயன்படுத்தி உங்கள் Lit வலைக் கூறுகளை சர்வரில் HTML சரங்களாக ரெண்டர் செய்வதாகும். இங்கே ஒரு எளிமைப்படுத்தப்பட்ட எடுத்துக்காட்டு:

            import { renderModule } from '@lit-labs/ssr';
import { MyElement } from './my-element.js'; // Your Lit web component
import { collectResult } from '@lit-labs/ssr/lib/render-result.js';

async function render(request, response) {
  try {
    const renderResult = renderModule(async () => {
      return MyElement(); // Instantiate your component
    });

    const html = await collectResult(renderResult);

    response.writeHead(200, { 'Content-Type': 'text/html' });
    response.end(`\n\n\n${html}\n`);
  } catch (error) {
    console.error("SSR Error:", error);
    response.writeHead(500, { 'Content-Type': 'text/plain' });
    response.end("Internal Server Error");
  }
}

// Example using Node.js with http module
import http from 'http';

const server = http.createServer(render);
const port = 3000;

server.listen(port, () => {
  console.log(`Server listening on port ${port}`);
});

            

              
                Copy
              
            
          

விளக்கம்:

• `renderModule` என்பது `@lit-labs/ssr`-லிருந்து உங்கள் Lit கூறுகளை ரெண்டர் செய்யும் ஒரு செயல்பாடு ஆகும். இது ஒரு `RenderResult`-ஐ வழங்குகிறது.
• `collectResult` பின்னர் `RenderResult`-ஐ கிளையன்ட்டிற்கு அனுப்பக்கூடிய ஒரு HTML சரமாக மாற்றுகிறது.
• இந்த எடுத்துக்காட்டு கோரிக்கைகளைக் கையாளவும், ரெண்டர் செய்யப்பட்ட HTML-ஐத் திருப்பித் தரவும் ஒரு அடிப்படை Node.js சர்வர் அமைப்பைக் காட்டுகிறது.

4. ஹைட்ரேஷன்

ஹைட்ரேஷன் என்பது சர்வரில் ரெண்டர் செய்யப்பட்ட HTML-ஐ கிளையன்ட்-சைடில் ஊடாடக்கூடியதாக மாற்றும் செயல்முறையாகும். Lit உங்கள் வலைக் கூறுகளுடன் சர்வரில் ரெண்டர் செய்யப்பட்ட HTML-ஐ தடையின்றி இணைக்க ஹைட்ரேஷன் திறன்களை வழங்குகிறது. இது உங்கள் கிளையன்ட்-சைடு கோடில் சில வரிகள் ஜாவாஸ்கிரிப்டைச் சேர்ப்பதை உள்ளடக்கியது:

            import { hydrate } from '@lit-labs/ssr/lib/hydrate-support.js';

hydrate(); // Call this once on the client
            

              
                Copy
              
            
          

இந்தக் குறியீடு உலாவியில் இயக்கப்பட வேண்டும். இது HTML-ல் ஏற்கனவே இருக்கும் (சர்வரில் ரெண்டர் செய்யப்பட்ட) அனைத்து வலைக் கூறுகளையும் இணைத்து அவற்றை ஊடாடக்கூடியதாக மாற்றும்.

மேம்பட்ட பரிசீலனைகள்

Lit SSR-ஐ திறம்பட செயல்படுத்துவதற்கு பல மேம்பட்ட தலைப்புகளை கவனமாக பரிசீலிக்க வேண்டும்.

1. ஸ்டேட் மேலாண்மை

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

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

2. கோட் ஸ்பிளிட்டிங்

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

3. கேச்சிங்

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

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

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

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

5. கருவிகள் மற்றும் பில்ட் செயல்முறைகள்

உங்கள் தற்போதைய பில்ட் செயல்முறையில் Lit SSR-ஐ ஒருங்கிணைப்பதற்கு உங்கள் கருவிகள் மற்றும் பில்ட் உள்ளமைவுகளில் மாற்றங்கள் தேவைப்படலாம். சர்வர் மற்றும் கிளையன்ட் ஆகிய இரண்டிற்கும் உங்கள் குறியீட்டைத் தொகுக்க Webpack அல்லது Rollup போன்ற கருவிகளைப் பயன்படுத்த வேண்டியிருக்கலாம். உங்கள் பில்ட் செயல்முறை கோட் ஸ்பிளிட்டிங், சொத்து மேலாண்மை மற்றும் பிற SSR தொடர்பான பணிகளைச் சரியாகக் கையாளுகிறது என்பதை உறுதிப்படுத்தவும்.

Lit SSR பயன்பாட்டு நிகழ்வுகளின் எடுத்துக்காட்டுகள்

Lit SSR பல்வேறு வலைப் பயன்பாடுகளுக்குப் பயன்படுத்தப்படலாம். இங்கே சில எடுத்துக்காட்டுகள்:

• இ-காமர்ஸ் வலைத்தளங்கள்: SSR இ-காமர்ஸ் வலைத்தளங்களின் செயல்திறன் மற்றும் SEO-வை கணிசமாக மேம்படுத்த முடியும். தயாரிப்பு பக்கங்களை சர்வரில் ரெண்டர் செய்வது தேடுபொறிகள் தயாரிப்பு தகவல்களை எளிதாக குறியிடுவதையும், பயனர்கள் உள்ளடக்கத்தை விரைவாகப் பார்ப்பதையும் உறுதி செய்கிறது. எடுத்துக்காட்டாக, வெவ்வேறு சர்வதேச சப்ளையர்களிடமிருந்து பொருட்களைக் காட்டும் ஒரு தயாரிப்பு விவரப் பக்கம் SSR-லிருந்து பெரிதும் பயனடையலாம், இது வேகமான ஏற்றுதல் மற்றும் சிறந்த தெரிவுநிலைக்கு வழிவகுக்கும்.
• வலைப்பதிவுகள் மற்றும் உள்ளடக்க மேலாண்மை அமைப்புகள் (CMS): உள்ளடக்கம் அடிக்கடி புதுப்பிக்கப்படும் வலைப்பதிவுகள் மற்றும் CMS அமைப்புகளுக்கு SSR சிறந்தது. சர்வர்-சைடு ரெண்டரிங் சமீபத்திய உள்ளடக்கம் எப்போதும் பயனர்கள் மற்றும் தேடுபொறிகளுக்கு வழங்கப்படுவதை உறுதி செய்கிறது. ஒரு உலகளாவிய செய்தி வலைத்தளம் உலகெங்கிலும் உள்ள பயனர்களுக்கு கட்டுரைகளை விரைவாக ஏற்ற வேண்டும்; SSR வெவ்வேறு பிராந்தியங்களில் வேகமான ஏற்றுதல் நேரங்களையும் SEO நன்மைகளையும் உறுதிப்படுத்த உதவுகிறது.
• சிங்கிள்-பேஜ் அப்ளிகேஷன்கள் (SPAs): SPAs பொதுவாக கிளையன்ட்-சைடில் ரெண்டர் செய்யப்பட்டாலும், SSR-ஐ ஒருங்கிணைப்பது ஆரம்ப ஏற்றுதல் நேரத்தையும் SEO-வையும் மேம்படுத்தும். SPA-ன் ஆரம்பப் பார்வையை சர்வர்-சைடில் ரெண்டர் செய்து, பின்னர் கிளையன்ட்டில் ஹைட்ரேட் செய்வது ஒரு குறிப்பிடத்தக்க செயல்திறன் ஊக்கத்தை அளிக்கும். சர்வதேச அணிகள் பயன்படுத்தும் ஒரு சிக்கலான டாஷ்போர்டை கற்பனை செய்து பாருங்கள்; SSR ஆரம்ப ஏற்றுதல் அனுபவத்தை மேம்படுத்த முடியும், குறிப்பாக மெதுவான இணைப்புகளைக் கொண்ட பயனர்களுக்கு.
• முற்போக்கான வலைப் பயன்பாடுகள் (PWAs): SSR, PWAs-களின் செயல்திறன் மற்றும் SEO-வை மேம்படுத்தும். PWA-ன் ஆரம்ப ஷெல்லை சர்வர்-சைடில் ரெண்டர் செய்வது உணரப்பட்ட செயல்திறனை மேம்படுத்தி, தேடுபொறிகளால் பயன்பாட்டை மேலும் கண்டறியக்கூடியதாக மாற்றும்.

Lit SSR-க்கான மாற்று வழிகள்

Lit SSR வலைக் கூறு SSR-க்கு ஒரு சிறந்த தீர்வை வழங்கினாலும், உங்கள் குறிப்பிட்ட தேவைகள் மற்றும் தொழில்நுட்ப அடுக்கைப் பொறுத்து பிற மாற்று வழிகள் உள்ளன:

• மற்ற வலைக் கூறு SSR நூலகங்கள்: வலைக் கூறுகளுக்கு SSR திறன்களை வழங்கும் பிற நூலகங்கள் உள்ளன, அதாவது Stencil போன்ற கட்டமைப்புகளில் கட்டமைக்கப்பட்டவை.
• கட்டமைப்பு-சார்ந்த SSR: நீங்கள் ஏற்கனவே React, Angular, அல்லது Vue போன்ற ஒரு கட்டமைப்பைப் பயன்படுத்துகிறீர்கள் என்றால், அந்தக் கட்டமைப்பு வழங்கும் SSR திறன்களைப் பயன்படுத்துவதைக் கருத்தில் கொள்ளுங்கள் (எ.கா., React-க்கு Next.js, Angular-க்கு Angular Universal, Vue-க்கு Nuxt.js).
• ஸ்டேடிக் சைட் ஜெனரேட்டர்கள் (SSGs): அடிக்கடி புதுப்பிப்புகள் தேவையில்லாத உள்ளடக்கம்-மிகுந்த வலைத்தளங்களுக்கு, Gatsby அல்லது Hugo போன்ற ஸ்டேடிக் சைட் ஜெனரேட்டர்கள் SSR-க்கு ஒரு நல்ல மாற்றாக இருக்கலாம். இந்தக் கருவிகள் பில்ட் நேரத்தில் ஸ்டேடிக் HTML கோப்புகளை உருவாக்குகின்றன, பின்னர் அவற்றை நேரடியாக ஒரு CDN-லிருந்து வழங்கலாம்.

முடிவுரை

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