ورڈپریس میں غیر استعمال شدہ سی ایس ایس کو کیسے ہٹایا جائے۔

اگر آپ کی ورڈپریس سائٹ بامعاوضہ ورڈپریس تھیم یا آفیشل ورڈپریس تھیمز کے ذخیرے میں سے ایک مشہور تھیم استعمال کرتی ہے، تو امکان ہے کہ تھیم کو مختلف استعمال کے معاملات کے لیے تیار کیا جائے۔ اور ہو سکتا ہے کہ آپ تھیم میں دستیاب تمام خصوصیات کا صرف ایک چھوٹا سیٹ استعمال کر رہے ہوں۔

اس صورت میں، آپ کی سائٹ بہت زیادہ غیر استعمال شدہ CSS لوڈ کر رہی ہے جس کی آپ کی سائٹ کے صفحات کو اسٹائل کرنے کی ضرورت نہیں ہے۔ مثال کے طور پر، آپ جو ورڈپریس تھیم استعمال کر رہے ہیں اس میں WooCommerce پیجز کے لیے بھی اسٹائل ہو سکتے ہیں لیکن اگر آپ اپنی ورڈپریس سائٹ پر صرف ایک بلاگ چلا رہے ہیں، تو آپ اپنی سائٹ پر WooCommerce پیجز کے لیے شامل CSS استعمال نہیں کر رہے ہیں اور اس طرح غیر استعمال شدہ پیش کر رہے ہیں۔ صارفین کو سی ایس ایس۔

اگر آپ نے Google Pagespeed ٹول پر اپنی ویب سائٹ کا تجربہ کیا ہے، تو آپ شاید پہلے سے ہی واقف ہوں گے کہ آپ کی سائٹ میں غیر استعمال شدہ CSS کے مسائل ہیں۔ اس گائیڈ میں، ہم آپ کو دکھائیں گے کہ پہلے غیر استعمال شدہ سی ایس ایس کو کیسے چیک کیا جائے، پھر اپنی ورڈپریس سائٹ سے غیر استعمال شدہ سی ایس ایس کو ہٹانے کے لیے ایک مفت ٹول استعمال کریں۔

غیر استعمال شدہ سی ایس ایس کو کیسے چیک کریں۔

گوگل کروم ڈیو ٹولز (جسے آپ سیاق و سباق کے مینو میں "معائنہ کریں" کے اختیار پر کلک کرتے وقت دیکھتے ہیں) میں سورس ٹیب کے اندر کوریج کی خصوصیت ہوتی ہے۔ آپ غیر استعمال شدہ سی ایس ایس اور جے ایس تلاش کرنے کے لیے کوریج کا اختیار استعمال کر سکتے ہیں جسے آپ کی ویب سائٹ لوڈ کرتی ہے۔

1. ڈیسک ٹاپ پر کروم میں اپنی ویب سائٹ کھولیں۔
2. اپنی سائٹ پر خالی سفید جگہ پر دائیں کلک کریں، اور منتخب کریں۔ معائنہ کریں۔ سیاق و سباق کے مینو سے۔
3. پر کلک کریں ذرائع ٹیب، دبائیں Ctrl + Shift + P کمانڈ ونڈو کھولنے کے لیے، پھر ٹائپ کریں۔ کوریج اور منتخب کریں کوریج کا آلہ بنانا شروع کریں اور صفحہ کو دوبارہ لوڈ کریں۔ دستیاب احکامات سے۔
4. کوریج ٹیب کے تحت، پر کلک کریں۔ یو آر ایل فلٹر صرف داخلی CSS/JS فائلیں دکھانے کے لیے فیلڈ اور اپنی سائٹ کا روٹ ڈومین یہاں درج کریں۔

   

   └ چیک کریں۔ غیر استعمال شدہ بائٹس آپ کی تھیم سے CSS/JS فائل میں لوڈ ہونے والے ڈیٹا کا فیصد دیکھنے کے لیے کالم۔

5. اپنی سائٹ کے ذریعے لوڈ کردہ غیر استعمال شدہ CSS (سرخ سلاخوں سے نشان زد) دیکھنے کے لیے CSS فائل پر کلک کریں۔ موجودہ صفحہ پر استعمال ہونے والی CSS کو سبز رنگ کی سلاخوں کے ساتھ دکھایا جائے گا۔

   

ایک بار جب آپ اپنی ویب سائٹ پر لوڈ کیے جانے والے تمام غیر استعمال شدہ CSS کا تجزیہ کر لیں، تو اسے ہٹانے کا وقت آگیا ہے۔ ویب صفحات سے غیر استعمال شدہ CSS کو ہٹانے کے لیے کئی مفت ٹولز دستیاب ہیں۔ ذیل میں ایک مقبول ٹول ہے جسے میں نے اپنے پروجیکٹس پر آزمایا اور استعمال کیا ہے۔

غیر استعمال شدہ CSS کو ہٹانے کے لیے PurifyCSS آن لائن استعمال کریں۔

عام طور پر، آپ ورڈپریس میں تقریباً ہر چیز کے لیے ایک پلگ ان تلاش کر سکتے ہیں۔ لیکن غیر استعمال شدہ CSS کو ہٹانے کے لیے، بدقسمتی سے، ایک بھی پلگ ان دستیاب نہیں ہے۔ اس لیے ہم آپ کی سائٹ سے غیر استعمال شدہ CSS کو ہٹانے کے لیے دستی غیر ورڈپریس کے لیے مخصوص ٹولز استعمال کریں گے۔

PurifyCSS سب سے زیادہ ہے۔ دوستانہ نان ڈویلپر ٹول آپ غیر استعمال شدہ CSS سے نمٹنے کے لیے تلاش کر سکتے ہیں۔ اس ٹول میں ایک سادہ UI ہے جو صارفین کو ویب سائٹ کا URL یا HTML اور CSS کوڈ فراہم کرنے دیتا ہے۔ ورڈپریس کے لیے، ہم یو آر ایل کا اختیار استعمال کریں گے اور آپ کی سائٹ پر تمام قسم کے صفحات کے لنکس فراہم کریں گے تاکہ ٹول کو سب سے سی ایس ایس حاصل کرنے اور غیر استعمال شدہ سی ایس ایس کے لیے بہتر بنایا جا سکے۔

یہاں صفحات کی ایک فوری فہرست ہے جو آپ کو ٹول میں ڈالنا چاہئے:

• ہوم پیج URL
• آپ کی سائٹ پر ہر زمرے سے متعدد پوسٹ پیج یو آر ایل

  └ یہ یقینی بنانے کے لیے ہے کہ تمام پوسٹ عناصر کے لیے CSS شامل ہے۔

• رابطہ، اس کے بارے میں، رازداری اور ہر طرح کے مختلف صفحات جو آپ کی سائٹ پر ہو سکتے ہیں۔
• آرکائیو صفحہ، تلاش کا صفحہ، مصنف کے صفحات
• حسب ضرورت پوسٹ کی قسم کے صفحات

گرم ٹپ: ان تمام تھیم عناصر کے ساتھ ایک 'فیچر' پوسٹ/صفحہ بنائیں جو آپ استعمال کرتے ہیں یا مستقبل میں استعمال کر سکتے ہیں جیسے کہ ٹیبل، تصویری گیلری، کوڈ، پری، آرڈر شدہ فہرستیں، غیر ترتیب شدہ فہرستیں، فارم، ٹیبز، ایکارڈینز، گٹنبرگ بلاکس جو آپ عام طور پر استعمال کرتے ہیں۔ وغیرہ

PurifyCSS آن لائن ٹول میں اس 'خصوصیات' پوسٹ یو آر ایل کو استعمال کریں تاکہ یہ یقینی بنایا جا سکے کہ عام طور پر استعمال ہونے والے عناصر کے لیے CSS شامل ہے۔

مارو سی ایس ایس کو صاف کریں۔ بٹن ایک بار جب آپ اپنی سائٹ سے PurifyCSS آن لائن ٹول میں تمام متعلقہ URLs شامل کر لیتے ہیں۔

ٹول کے ذریعہ تیار کردہ نئے سی ایس ایس کو کاپی کریں اور اسے اپنی سائٹ پر استعمال کریں۔ یقینی بنائیں کہ آپ بیک اپ اصل style.css اور PurifyCSS کے ذریعے تیار کردہ نئے CSS کو تبدیل کرنے سے پہلے اپنی تھیم میں موجود دیگر CSS فائلز۔

ٹپ: آپ اپنی تھیم کی CSS فائلوں میں ترمیم کرنے کے لیے پہلے سے موجود ورڈپریس تھیم ایڈیٹر کا استعمال کر سکتے ہیں، یا آپ سرور سے منسلک ہونے کے لیے FTP/SFTP پروگرام استعمال کر سکتے ہیں اور نوٹ پیڈ ایڈیٹر کا استعمال کرتے ہوئے فائلوں میں آرام سے ترمیم کر سکتے ہیں۔