𝗢𝗽𝘁𝗶𝗺𝗶𝘇𝗶𝗻𝗴 𝗖𝗼𝗿𝗲 𝗪𝗲𝗯 𝗩𝗶𝘁𝗮𝗹𝘀 𝗨𝘀𝗶𝗻𝗴 𝗖𝗗𝗡 𝗮𝗻𝗱 𝗖𝗮𝗰𝗵𝗶𝗻𝗴 𝗛𝗲𝗮𝗱𝗲𝗿𝘀

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 ਤੋਂ ਘੱਟ ਦਾ ਟੀਚਾ ਰੱਖੋ।

ਸਮਾਰਟ caching headers ਦੇ ਨਾਲ Content Delivery Network (CDN) ਦੀ ਵਰਤੋਂ ਕਰਨਾ ਇਹਨਾਂ ਸਕੋਰਾਂ ਨੂੰ ਸੁਧਾਰਨ ਦਾ ਸਭ ਤੋਂ ਤੇਜ਼ ਤਰੀਕਾ ਹੈ।

CDN ਕਿਵੇਂ ਮਦਦ ਕਰਦਾ ਹੈ:

  • ਇਹ ਤੁਹਾਡੇ ਯੂਜ਼ਰਾਂ ਦੇ ਨੇੜਲੇ ਸਥਾਨਾਂ ਤੋਂ ਫਾਈਲਾਂ ਸਰਵ ਕਰਕੇ latency ਨੂੰ ਘਟਾਉਂਦਾ ਹੈ।
  • ਇਹ ਤੁਹਾਡੇ ਸਰਵਰ ਦੀ ਸੁਰੱਖਿਆ ਲਈ edge 'ਤੇ API responses ਨੂੰ cache ਕਰਦਾ ਹੈ।
  • ਜੇਕਰ ਤੁਹਾਡਾ origin server ਡਾਊਨ ਹੋ ਜਾਂਦਾ ਹੈ, ਤਾਂ ਇਹ ਪੁਰਾਣਾ (stale) ਕੰਟੈਂਟ ਸਰਵ ਕਰਦਾ ਹੈ।
  • ਇਹ ਫੋਟੋਆਂ ਨੂੰ ਆਪਣੇ ਆਪ ਰੀਸਾਈਜ਼ ਅਤੇ ਕੰਪਰੈੱਸ ਕਰਕੇ ਉਹਨਾਂ ਨੂੰ ਆਪਟੀਮਾਈਜ਼ ਕਰਦਾ ਹੈ।

ਇਹਨਾਂ caching stratagies ਦੀ ਵਰਤੋਂ ਕਰੋ: • Static assets: ਫਾਈਲ hashes ਦੇ ਨਾਲ ਲੰਬੇ cache durations ਦੀ ਵਰਤੋਂ ਕਰੋ। • HTML pages: ਆਪਣੀ ਅਪਡੇਟ ਫ੍ਰੀਕੁਐਂਸੀ ਦੇ ਅਧਾਰ 'ਤੇ ਖਾਸ cache headers ਸੈੱਟ ਕਰੋ। • API responses: origin load ਨੂੰ ਘਟਾਉਣ ਲਈ edge 'ਤੇ ਕੰਟੈਂਟ ਨੂੰ cache ਕਰੋ।

LCP ਲਈ ਇਮੇਜ ਆਪਟੀਮਾਈਜ਼ੇਸ਼ਨ ਬਹੁਤ ਜ਼ਰੂਰੀ ਹੈ। ਜ਼ਿਆਦਾਤਰ LCP ਦੀਆਂ ਸਮੱਸਿਆਵਾਂ ਵੱਡੀਆਂ hero images ਕਾਰਨ ਹੁੰਦੀਆਂ ਹਨ। ਇੱਕ CDN ਇਹਨਾਂ ਨੂੰ WebP ਜਾਂ AVIF ਫਾਰਮੈਟ ਵਿੱਚ ਬਦਲ ਸਕਦਾ ਹੈ ਅਤੇ ਉਹਨਾਂ ਨੂੰ ਸਭ ਤੋਂ ਨੇੜਲੇ ਸਰਵਰ ਤੋਂ ਸਰਵ ਕਰ ਸਕਦਾ ਹੈ। ਇਹ ਮੋਬਾਈਲ ਪੇਜ ਦੇ ਵਜ਼ਨ (weight) ਨੂੰ 70% ਤੱਕ ਘਟਾ ਦਿੰਦਾ ਹੈ।

ਆਧੁਨਿਕ ਟੂਲਸ ਨਾਲ ਅਪਡੇਟਸ ਨੂੰ ਮੈਨੇਜ ਕਰਨਾ ਆਸਾਨ ਹੈ। Cache purging ਨੂੰ ਟ੍ਰਿਗਰ ਕਰਨ ਲਈ webhooks ਦੀ ਵਰਤੋਂ ਕਰੋ। ਜਦੋਂ ਤੁਸੀਂ ਕੰਟੈਂਟ ਨੂੰ ਅਪਡੇਟ ਕਰਦੇ ਹੋ, ਤਾਂ ਤੁਹਾਡਾ CDN ਸਿਰਫ਼ ਪੁਰਾਣਾ ਡੇਟਾ ਹੀ ਹਟਾਉਂਦਾ ਹੈ। ਇਹ ਪੁਰਾਣੀ ਜਾਣਕਾਰੀ ਦਿਖਾਏ ਬਿਨਾਂ ਤੁਹਾਡੀ ਸਾਈਟ ਨੂੰ ਤੇਜ਼ ਰੱਖਦਾ ਹੈ।

ਕੀਤੇ ਜਾਣ ਵਾਲੇ ਕਦਮ:

  • Edge computing ਵਾਲੇ ਆਧੁਨਿਕ CDN ਦੀ ਵਰਤੋਂ ਕਰੋ।
  • ਹਰ ਰਿਸੋਰਸ ਟਾਈਪ ਲਈ ਸਹੀ cache-control headers ਸੈੱਟ ਕਰੋ।
  • Edge 'ਤੇ ਇਮੇਜਾਂ ਨੂੰ ਆਪਟੀਮਾਈਜ਼ ਕਰੋ।
  • API responses ਨੂੰ cache ਕਰੋ।
  • ਅਪਡੇਟਸ ਦੌਰਾਨ cache ਸਾਫ਼ ਕਰਨ ਲਈ webhooks ਦੀ ਵਰਤੋਂ ਕਰੋ।
  • ਆਪਣੀ ਪ੍ਰਗਤੀ ਦੇਖਣ ਲਈ real user metrics ਦੀ ਨਿਗਰਾਨੀ ਕਰੋ।

ਫਾਈਲਾਂ ਸਰਵ ਕਰਨ ਦੇ ਤਰੀਕੇ ਵਿੱਚ ਛੋਟੀਆਂ ਤਬਦੀਲੀਆਂ ਬਿਹਤਰ ਰੈਂਕਿੰਗ ਅਤੇ ਵਧੇਰੇ ਕਨਵਰਜ਼ਨ (conversions) ਵੱਲ ਲੈ ਜਾਂਦੀਆਂ ਹਨ।

ਸਰੋਤ: https://dev.to/sohanaakbar7/optimizing-core-web-vitals-using-cdn-caching-headers-2lfd