CDN மற்றும் Caching Headers மூலம் Core Web Vitals-ஐ மேம்படுத்துதல்

Google உங்கள் இணையதளத்தின் வேகம் மற்றும் நிலைத்தன்மையை அளவிட Core Web Vitals-ஐப் பயன்படுத்துகிறது. அதிக மதிப்பெண்கள் உங்கள் SEO மற்றும் பயனர் அனுபவத்தை (user experience) மேம்படுத்தும்.

நீங்கள் மூன்று முக்கிய அளவீடுகளைக் (metrics) கண்காணிக்க வேண்டும்: • Largest Contentful Paint (LCP): 2.5 வினாடிகளுக்குக் குறைவாக இருக்க வேண்டும். • Interaction to Next Paint (INP): 200ms-க்குக் குறைவாக இருக்க வேண்டும். • Cumulative Layout Shift (CLS): 0.1-க்குக் குறைவாக இருக்க வேண்டும்.

ஒரு Content Delivery Network (CDN) மற்றும் புத்திசாலித்தனமான caching headers ஆகியவற்றைப் பயன்படுத்துவது இந்த மதிப்பெண்களை மேம்படுத்துவதற்கான அதிவேகமான வழியாகும்.

CDN எவ்வாறு உதவுகிறது:

  • உங்கள் பயனர்களுக்கு அருகிலுள்ள இடங்களிலிருந்து கோப்புகளை வழங்குவதன் மூலம் இது தாமதத்தை (latency) குறைக்கிறது.
  • உங்கள் சர்வரைப் பாதுகாக்க, API பதில்களை (responses) edge-இல் cache செய்கிறது.
  • உங்கள் origin server செயலிழந்தால், பழைய உள்ளடக்கத்தை (stale content) வழங்குகிறது.
  • படங்களை தானாகவே மறுஅளவு (resizing) மற்றும் சுருக்குவதன் (compressing) மூலம் அவற்றை மேம்படுத்துகிறது.

இந்த caching உத்திகளைப் பயன்படுத்தவும்: • Static assets: File hashes உடன் நீண்ட cache கால அளவைப் பயன்படுத்தவும். • HTML pages: உங்கள் புதுப்பிப்பு அதிர்வெண்ணின் (update frequency) அடிப்படையில் குறிப்பிட்ட cache headers-களை அமைக்கவும். • API responses: Origin சுமையைக் குறைக்க edge-இல் உள்ளடக்கத்தை cache செய்யவும்.

LCP-க்கு படங்களை மேம்படுத்துவது (Image optimization) மிகவும் முக்கியமானது. பெரும்பாலான LCP சிக்கல்கள் பெரிய hero படங்களால் ஏற்படுகின்றன. ஒரு CDN இவற்றை WebP அல்லது AVIF வடிவங்களாக மாற்றி, அருகிலுள்ள சர்வரிலிருந்து வழங்க முடியும். இது மொபைல் பக்கத்தின் எடையை (page weight) 70% வரை குறைக்கிறது.

நவீன கருவிகளைக் கொண்டு புதுப்பிப்புகளை நிர்வகிப்பது எளிது. Cache-ஐ நீக்குவதற்கு (cache purging) webhooks-களைப் பயன்படுத்தவும். நீங்கள் உள்ளடக்கத்தைப் புதுப்பிக்கும்போது, உங்கள் CDN பழைய தரவை மட்டும் நீக்கும். இது காலாவதியான தகவல்களைக் காட்டாமல் உங்கள் தளத்தை வேகமாக வைத்திருக்க உதவும்.

செய்ய வேண்டிய படிகள்:

  • edge computing வசதியுடன் கூடிய நவீன CDN-ஐப் பயன்படுத்தவும்.
  • ஒவ்வொரு வள வகைக்கும் (resource type) சரியான cache-control headers-களை அமைக்கவும்.
  • edge-இல் படங்களை மேம்படுத்தவும்.
  • API பதில்களை cache செய்யவும்.
  • புதுப்பிப்புகளின் போது cache-ஐ அழிக்க webhooks-களைப் பயன்படுத்தவும்.
  • உங்கள் முன்னேற்றத்தைக் காண உண்மையான பயனர் அளவீடுகளைக் (real user metrics) கண்காணிக்கவும்.

கோப்புகளை நீங்கள் வழங்கும் முறையில் செய்யப்படும் சிறிய மாற்றங்கள் சிறந்த தரவரிசைக்கும் (rankings) அதிக மாற்றங்களுக்கும் (conversions) வழிவகுக்கும்.

ஆதாரம்: https://dev.to/sohanaakbar7/optimizing-core-web-vitals-using-cdn-caching-headers-2lfd