செமால்ட் மூலம் உங்கள் வலைத்தளத்தின் முக்கிய மற்றும் பக்க அனுபவ சமிக்ஞைகளை மேம்படுத்துதல்

உள்ளடக்க அட்டவணை

  1. அறிமுகம்
  2. கோர் வலை உயிரணுக்கள் என்றால் என்ன?
  3. பக்க அனுபவ சமிக்ஞைகள் என்றால் என்ன?
  4. உங்கள் வலைத்தளத்தின் முக்கிய மற்றும் பக்க அனுபவ சமிக்ஞைகளை எவ்வாறு மேம்படுத்துவது
    1. HTTP தற்காலிக சேமிப்பு
    2. உலாவி மறுபயன்பாட்டைக் குறைத்தல்
    3. HTML ஆவணங்களின் கோப்பு அளவைக் குறைத்தல்
    4. படங்களை சுருக்கவும்
  5. முடிவுரை

அறிமுகம்

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

அதன் உள்ளடக்கத்தைக் காண்பிக்கும் ஒரு வலைப்பக்கம் படிப்படியாக பக்கம் ஏற்றுகிறது என்ற பார்வையாளரின் காட்சி கருத்தை வழங்குகிறது மற்றும் அது கிடைத்தவுடன் பயனருக்கு அவர்கள் கோரிய தகவலை வழங்குகிறது.

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

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

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

இடுகை ஒரு வலைத்தளத்தின் முக்கிய முக்கிய மற்றும் பக்க அனுபவ சமிக்ஞைகளை எவ்வாறு மேம்படுத்துவது என்பதைப் பார்க்கிறது.

2. கோர் வலை உயிரணுக்கள் என்றால் என்ன?

ஒரு வலைத்தளத்தின் முக்கிய உயிரணுக்கள் என்பது ஒரு வலைப்பக்கத்தின் பொதுவான பயனர் அனுபவத்தில் கூகிள் கருதும் குறிப்பிட்ட காரணிகளின் தொகுப்பாகும்.

இந்த காரணிகள் மூன்று பக்க தொடர்பு அளவீடுகளால் ஆனவை; அவை:

  1. மிகப்பெரிய உள்ளடக்க பக்கம் (LIP): உண்மையான பயனரின் பார்வையில் இருந்து ஒரு பக்கத்தை ஏற்ற எவ்வளவு நேரம் ஆகும் என்பதை இது வரையறுக்கிறது. ஒரு இணைப்பைக் கிளிக் செய்வதிலிருந்து சாதனத்தின் திரையில் (பிசி அல்லது மொபைல்) பெரும்பான்மையான உள்ளடக்கத்தைப் பார்ப்பதற்கான நேரம் இது.
  2. முதல் உள்ளீட்டு தாமதம் (FID): பயனர்கள் வலைப்பக்கத்துடன் தொடர்புகொள்வதற்கு எடுக்கும் நேரம் என வரையறுக்கப்படுகிறது. சில தொடர்புகளின் எடுத்துக்காட்டுகள் கீழே:
    • மேல் அல்லது முதன்மை மெனுவிலிருந்து தேர்வைத் தேர்ந்தெடுப்பது
    • தளத்தின் வழிசெலுத்தல் மெனுவில் உள்ள இணைப்பைக் கிளிக் செய்க
    • கருத்து பெட்டியில் ஒரு பயனர்/பார்வையாளர் மின்னஞ்சல் முகவரியை உள்ளிடுகிறது
  3. ஒட்டுமொத்த தளவமைப்பு மாற்றம் (சி.எல்.எஸ்): ஒரு பக்கம் ஏற்றும்போது இது எவ்வளவு நிலையானது. வேறு வார்த்தைகளில் கூறுவதானால், இது காட்சி நிலைத்தன்மை. ஒரு வலைப்பக்கத்தில் உள்ள கூறுகள் பக்கம் ஏற்றும்போது நகரும் என்றால், அந்த வலைப்பக்கத்தில் அதிக சி.எல்.எஸ் உள்ளது, இது மோசமாக கருதப்படலாம்.

3. பக்க அனுபவ சமிக்ஞைகள் என்றால் என்ன?

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

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

4. உங்கள் வலைத்தளத்தின் முக்கிய மற்றும் பக்க அனுபவ சமிக்ஞைகளை எவ்வாறு மேம்படுத்துவது

ஒரு வலைத்தளத்தின் பக்க அனுபவம் பல காரணிகளைப் பொறுத்தது, அதாவது:
  1. ஒரு குறிப்பிட்ட வலைப்பக்கத்தில் உள்ள உள்ளடக்கம்
  2. உலாவி
  3. பார்வையாளர்/பயனரின் புவியியல் இருப்பிடம்
  4. வலைத்தளத்தின் அலைவரிசை போன்றவை.

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

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

  1. HTTP கேச்சிங்: ஒரு வெப்மாஸ்டர் சரியான HTTP கேச்சிங் தலைப்புகளை அமைப்பது நல்லது. இது இரட்டை நன்மை பயக்கும், ஏனென்றால் ஒரு வலைப்பக்கத்திற்கு மறுபரிசீலனை (பார்வையாளர்/பயனர் ஒரு வலைப்பக்கத்தை ஒன்றுக்கு மேற்பட்ட முறை பார்வையிடும்போது) நிகழும்போது, ​​அது வேகமாக ஏற்றப்படும், மேலும் வலை சேவையகத்தில் குறைந்த சுமை இருக்கும்.

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

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

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

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

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

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

    டெவலப்பர்கள் ரிஃப்ளோ நேரத்தின் மதிப்பை எவ்வாறு அதிகரிப்பது மற்றும் பல்வேறு ஆவண பண்புகளின் விளைவுகளை எவ்வாறு புரிந்துகொள்வது என்பது முக்கியம். ஆவண பண்புகளில் CSS விதி செயல்திறன், வெவ்வேறு பாணி மாற்றங்கள் மற்றும் ரிஃப்ளோ நேரத்தில் DOM ஆழம் ஆகியவை அடங்கும்.

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

    அதிகம் பயன்படுத்தப்படும் நுட்பங்கள் ஆறு வகைகளாக தொகுக்கப்பட்டுள்ளன
    பக்க சுமை தேர்வுமுறையின் வெவ்வேறு அம்சங்கள்:
    1. மிகவும் திறமையான உலாவி காட்சி: ஒரு பக்கத்தின் உலாவியின் தளவமைப்பை மேம்படுத்துதல்.
    2. மிகவும் திறமையான கேச்சிங்: ஒருவரின் பயன்பாட்டின் தரவு மற்றும் தர்க்கத்தை நெட்வொர்க்கிலிருந்து முற்றிலும் வைத்திருத்தல்.
    3. மொபைல் சாதனங்களுக்கான உகந்த பயன்பாடு: மொபைல் நெட்வொர்க்குகள் மற்றும் மொபைல் சாதனங்களின் சிறப்பியல்புகளுக்காக ஒரு தளத்தை சரிசெய்தல்.
    4. சுற்று பயணங்களின் எண்ணிக்கையை குறைத்தல்: தொடர் கோரிக்கைகளின் மறுமொழி சுழற்சியின் எண்ணிக்கையை குறைத்தல்.
    5. மேல்நிலை கோரிக்கையை குறைத்தல்: பதிவேற்ற அளவைக் குறைத்தல்.

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

    HTML, MIME வகை உரை/HTML உடன் வழங்கப்படும் போது - புரோகிராமர்கள் சில குறிச்சொற்களைத் தவிர்க்க அனுமதிக்கிறது.
    உதாரணமாக, ஒரு புரோகிராமர் <Pp> பட்டியல் உருப்படி </ p> எனத் தேர்வுசெய்யப்பட்ட உருப்படிகளின் பட்டியலைக் கொண்டிருந்தால், அந்த புரோகிராமர் <Pp> பட்டியல் உருப்படியை எழுதலாம். அல்லது அவன்/அவள் வழக்கமாக </ q> உடன் மூடும் ஒரு பத்திக்கு பதிலாக, அவன்/அவள் <q> எனது பத்தியைப் பயன்படுத்தலாம்.

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

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

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

5. முடிவுரை

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

ஐம்பதுக்கும் மேற்பட்ட வெளிப்புற பொருள்களைக் கொண்ட நூறு வலைப்பக்கங்களில் ஒவ்வொரு ஐம்பதுக்கும் மேலாக, பொருள் மேல்நிலை வலைப்பக்கத்தை ஏற்றுவதில் தாமதத்தை ஏற்படுத்துகிறது. CSS ஐப் பயன்படுத்துவதன் மூலம் HTTP கோரிக்கைகளை குறைத்தல், ஜாவாஸ்கிரிப்ட் அல்லது CSS கோப்புகளை ஒன்றிணைத்தல், EO களின் எண்ணிக்கையை குறைத்தல் மற்றும் CSS க்கு வரைகலை பதிவுகள் மாற்றுவது ஆகியவை மிக முக்கியமான திறமையாக நிரூபிக்கப்பட்டுள்ளது வலை செயல்திறன் மேம்படுத்திகள்.

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

mass gmail