چھوٹے کاروباری ویب سائٹس کے لیے کور ویب وائٹلز: LCP، INP اور CLS کی آسان اردو رہنمائی
webceke
گوگل اب اصل صارف کے تجربے کو رینکنگ فیکٹر کے طور پر استعمال کرتا ہے، اور چھوٹے کاروباری ویب سائٹس کے لیے اس کا مطلب یہ ہے کہ کور ویب وائٹلز پہلے سے کہیں زیادہ اہم ہو گئے ہیں۔ اگر آپ کی سائٹ سست یا ہلتی ہوئی محسوس ہوتی ہے، تو آپ زائرین اور رینکنگ دونوں کھو رہے ہیں۔ اچھی خبر یہ ہے: سب سے بڑے مسائل حل کرنے کے لیے آپ کو ڈویلپر بننے کی ضرورت نہیں۔
کور ویب وائٹلز اصل میں کیا ہیں؟
کور ویب وائٹلز تین مخصوص پیمائشیں ہیں جنہیں گوگل یہ جانچنے کے لیے استعمال کرتا ہے کہ صارفین آپ کے صفحات کا تجربہ کیسا کرتے ہیں۔ انہیں اپنی ویب سائٹ کی رفتار، ردعمل اور بصری استحکام کا ہیلتھ چیک سمجھیں۔
- LCP (Largest Contentful Paint) – مرکزی مواد (عام طور پر ہیرو امیج یا ہیڈ لائن) ظاہر ہونے میں کتنا وقت لگتا ہے۔ ہدف 2.5 سیکنڈ سے کم رکھیں۔
- INP (Interaction to Next Paint) – جب کوئی کلک یا ٹیپ کرے تو آپ کا صفحہ کتنی تیزی سے جواب دیتا ہے۔ ہدف 200 ملی سیکنڈ سے کم رکھیں۔
- CLS (Cumulative Layout Shift) – لوڈ ہوتے وقت آپ کا صفحہ کتنا اچھلتا ہے۔ ہدف 0.1 سے کم رکھیں۔
اگر ان میں سے کوئی بھی سرخ زون میں ہے، تو گوگل اسے نوٹس کرتا ہے—اور آپ کے زائرین بھی۔
اپنے اسکور خود کیسے چیک کریں (کوڈ کی ضرورت نہیں)
آپ کے پاس دو مفت ٹولز ہیں جو آپ کو بتاتے ہیں کہ آپ کہاں کھڑے ہیں۔
PageSpeed Insights – pagespeed.web.dev پر جائیں، اپنا URL درج کریں اور Analyze دبائیں۔ آپ کو موبائل اور ڈیسک ٹاپ کے لیے اسکور ملے گا، ساتھ مخصوص بہتری کے مواقع کی فہرست بھی۔ "Diagnose performance issues" سیکشن آپ کی ٹو ڈو لسٹ ہے۔
Google Search Console – اگر آپ نے اپنی سائٹ کی تصدیق کر رکھی ہے، تو "Experience" > "Core Web Vitals" کے تحت دیکھیں۔ یہ اصل زائرین کے حقیقی ڈیٹا کو URL کے لحاظ سے گروپ کر کے دکھاتا ہے۔ یہ بتاتا ہے کہ کون سے صفحات "Poor"، "Need improvement" یا "Good" ہیں۔
دونوں چلائیں۔ PageSpeed Insights آپ کو لیب ڈیٹا اور حل دیتا ہے؛ Search Console دکھاتا ہے کہ حقیقی صارفین وقت کے ساتھ آپ کی سائٹ کا تجربہ کیسا کرتے ہیں۔
ترجیحی کوڈ کے بغیر حل جو فرق ڈالتے ہیں
آپ کو کوڈ کی ایک لائن بھی چھونے کی ضرورت نہیں۔ ان تین حل سے ترتیب سے شروع کریں۔
1. ہیرو امیجز کو کمپریس اور ری سائز کریں
آپ کا LCP تقریباً ہمیشہ ایک امیج ہوتا ہے۔ 4MB کی ہیرو تصویر سب سے بڑا قاتل ہے۔
- امیجز کو بالکل اسی سائز میں ری سائز کریں جس میں وہ دکھائی دیتی ہیں (عام طور پر 1600px سے زیادہ چوڑی نہ ہوں)۔
- Squoosh یا TinyPNG جیسے مفت ٹولز سے کمپریس کریں—ہدف 200KB سے کم رکھیں۔
- اگر آپ کا پلیٹ فارم سپورٹ کرتا ہے تو WebP فارمیٹ استعمال کریں۔
اگر آپ webceke استعمال کرتے ہیں، تو امیجز خودکار طور پر بہتر اور جدید فارمیٹس میں پیش کی جاتی ہیں، لہٰذا یہ کام آپ کے لیے پہلے ہی ہو چکا ہوتا ہے۔
2. رینڈر روکنے والے سلائیڈرز اور بھاری فونٹس ہٹائیں
سلائیڈرز اور کیروسلز کئی بڑی امیجز اور جاوا اسکرپٹ کو سب سے پہلے لوڈ کرتے ہیں، جس سے باقی کچھ ظاہر ہونے میں دیر ہوتی ہے۔ یہ LCP میں تاخیر اور INP کو خراب کرتے ہیں۔ انہیں ایک سادہ اسٹیٹک ہیرو امیج یا سادہ گرڈ سے بدل دیں۔
بھاری فونٹس ایک اور ذمہ دار ہیں۔ ہر فونٹ فائل الگ ڈاؤن لوڈ ہوتی ہے۔ خود کو ایک یا دو فونٹ فیملیز تک محدود رکھیں، اور جہاں ممکن ہو سسٹم فونٹس استعمال کریں۔ اگر کسٹم فونٹس لازمی ہیں، تو صرف وہی ویٹ لوڈ کریں جن کی واقعی ضرورت ہے۔
3. اشتہارات اور ایمبیڈز کے لیے جگہ مخصوص کریں
CLS اس وقت ہوتا ہے جب مواد بغیر مقررہ سائز کے لوڈ ہو۔ اشتہارات، YouTube ایمبیڈز اور سوشل میڈیا پوسٹس عام مجرم ہیں۔
- امیجز اور iframes پر ہمیشہ واضح width اور height ایٹریبیوٹس مقرر کریں۔
- اشتہارات کے لیے، اشتہار لوڈ ہونے سے پہلے اپنے لے آؤٹ میں مقررہ سائز کا کنٹینر مخصوص کریں۔
- موجودہ مواد کے اوپر بینرز یا پاپ اپس داخل کرنے سے گریز کریں۔
یہ صفحے کو اچھلنے سے روکتا ہے اور آپ کا CLS اسکور کم رکھتا ہے۔
پہلے اور بعد: ایک حقیقی مثال
ایک مقامی بیکری کا LCP 5.8 سیکنڈ، INP 340ms اور CLS 0.32 تھا۔ ہیرو امیج کمپریس کرنے، ایک سلائیڈر ہٹانے اور انسٹاگرام ایمبیڈ کے لیے جگہ مخصوص کرنے کے بعد، اسکور 1.9s LCP، 120ms INP اور 0.04 CLS پر آ گئے۔
نتائج صرف رفتار تک محدود نہیں رہے:
- تین مہینوں میں آرگینک ٹریفک 42% بڑھ گئی۔
- باؤنس ریٹ 68% سے 41% پر آ گیا۔
- آن لائن آرڈرز 27% بڑھ گئے۔
بہتر کور ویب وائٹلز کا مطلب تھا کہ زیادہ لوگ رکے، دریافت کیا اور خریداری کی۔
آپ کا اگلا قدم
چھوٹے کاروباری ویب سائٹس کے لیے کور ویب وائٹلز صرف ایک تکنیکی چیک باکس نہیں—یہ براہ راست متاثر کرتے ہیں کہ کتنے گاہک آپ کو ڈھونڈتے اور بھروسہ کرتے ہیں۔ آج ہی PageSpeed Insights اور Search Console سے اپنے اسکور چیک کریں، پھر اوپر دیے گئے تین حل نمٹائیں۔
اگر آپ دستی کام سے بچنا چاہتے ہیں، تو webceke تیز، موبائل فرینڈلی سائٹس بناتا ہے جو امیجز، فونٹس اور لے آؤٹ استحکام کو خودکار طور پر بہتر کرتی ہیں۔ webceke مفت آزمائیں اور پہلے دن سے گرین اسکور والی سائٹ حاصل کریں۔
