நான் உங்கள் React அல்லது Next.js பயன்பாட்டைப் ப்ரொஃபைல் செய்து, எண்களுடன் அதை வேகமாக மாற்றுவேன்

மெதுவான பக்கங்கள் உங்களுக்குப் பதிவு அல்லது தேடல் போக்குவரத்தை இழக்கின்றன என்று நீங்கள் நினைத்தால், உங்களிடம் உள்ள பயன்பாட்டை வைத்திருக்க விரும்பினால் இதை ஆர்டர் செய்யவும். React மற்றும் Next.js ஏற்கனவே ஒரு வேகமான பயன்பாட்டிற்குத் தேவையான பெரும்பாலானவற்றை வழங்குகின்றன, எனவே ஆதாயங்கள் ஸ்டாக்குகளை மாற்றுவதை விட அந்த கருவிகளை நன்றாகப் பயன்படுத்துவதிலிருந்து வருகின்றன.

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

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

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

அழைப்புகள் இல்லை. என்னுடன் உடன்படாத அளவீடுகள் உட்பட அனைத்தும் எழுத்துப்பூர்வமாக.

உங்கள் திட்டத்தை முடிப்பதற்கான படிகள்
1. உங்கள் பயனர்கள் உண்மையில் என்ன பெறுகிறார்கள் என்பதை அளவிடவும் - உங்கள் நேரடிப் பக்கங்களில் லைட்ஹவுஸ் மற்றும் மெதுவான பக்கங்களில் ஒரு ரியாக்ட் ப்ரொஃபைலர் அமர்வு, ஒரு கட்டுப்படுத்தப்பட்ட இணைப்பில். LCP, CLS, INP மற்றும் ஒவ்வொரு வழித்தடத்திற்கும் தொகுப்பு அளவு, எதையும் தொடுவதற்கு முன் எழுதப்பட்டது.
2. அதிக செலவு என்ன என்பதைக் கண்டறியவும் - தொகுப்பு மற்றும் நெட்வொர்க் நீர்வீழ்ச்சி: யாரும் பயன்படுத்தாத கப்பல்கள், முதல் வண்ணத்தைத் தடுப்பது, எந்த கூறுகள் மீண்டும் ரெண்டர் ஆகின்றன மற்றும் ஏன். ஒவ்வொரு கண்டுபிடிப்பும் மில்லி விநாடிகள் அல்லது கிலோபைட்டுகளில் மதிப்பிடப்பட்ட சேமிப்பைக் கொண்டுள்ளது.
3. அதை சரிசெய்யவும், மிகப்பெரிய வெற்றி முதலில் - குறியீடு பிரித்தல், படம் மற்றும் எழுத்துரு கையாளுதல், ரெண்டர்-தடுக்கும் வேலை, ப்ரொஃபைலர் கேட்கும் இடத்தில் மெமோயிசேஷன், முக்கியமான பாதையிலிருந்து தரவு மீட்டெடுப்பு நகர்த்தப்பட்டது. ஒவ்வொரு மாற்றத்திற்கும் ஒரு கமிட், ஒவ்வொன்றும் அதன் காரணத்துடன்.
4. மீண்டும் அளவிடவும், அருகருகே - மாற்றப்பட்ட உருவாக்கத்தில் அதே ரன்கள்: ஒரு அட்டவணையில் முன் மற்றும் பின், ஒவ்வொரு வழித்தடத்திற்கும் மற்றும் ஒவ்வொரு அளவீட்டிற்கும். ஒரு மாற்றம் எதையாவது மோசமாக்கினால், அட்டவணை அதைக் கூறுகிறது மற்றும் மாற்றம் மீண்டும் வெளியேறுகிறது.
5. உங்கள் களஞ்சியத்தில் ஒப்படைப்பு - உங்கள் களஞ்சியத்தில் ஒரு கிளை அல்லது பேட்ச், அறிக்கை, மற்றும் நான் செய்யாதவற்றின் நேர்மையான பட்டியல் மற்றும் அதன் மதிப்பு என்ன. வரிசைப்படுத்தல் உங்கள் கைகளில் உள்ளது.