ایچ ٹی ایم ایل کیسے کام کرتا ہے اور آپ کو اس کی ضرورت کیوں پڑ سکتی ہے۔

ایچ ٹی ایم ایل کیسے کام کرتا ہے اور آپ کو اس کی ضرورت کیوں پڑ سکتی ہے۔

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





اس آرٹیکل میں ، ہم ایچ ٹی ایم ایل فائلوں کو سکڑانے کے دو اہم طریقوں پر غور کریں گے ، ایچ ٹی ایم ایل فائلوں کو سکڑنا کیوں چاہیے ، اور اس کے بارے میں کیسے جانا ہے۔



کمپریشن بمقابلہ منیفیکیشن۔

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





چھوٹا کرنا۔

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

نمونہ HTML صفحہ:





Your Title Here



Send me mail at support@yourcompany.com .

This is a new paragraph!

This is a new paragraph in bold and italics.

اصل سائز: 354. چھوٹے سائز: 272. بچت: 82 (23.16٪)۔

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



2000 کی دہائی میں ، تخفیف کے اوزار نایاب تھے۔ جب بھی کچھ تبدیل ہوتا ہے آپ کو دستی طور پر فائلوں کو چھوٹا کرنا پڑتا ہے۔ چونکہ ایچ ٹی ایم ایل فائلیں جے ایس اور سی ایس ایس فائلوں کے مقابلے میں زیادہ کثرت سے تبدیل ہوتی ہیں ، اس لیے اس وقت ہر بار چھوٹا کرنا بہت ہی تکلیف دہ تھا۔ آج کل ، یہ ایک موٹ پوائنٹ ہے۔

کمپریشن

جب صارفین آپ کی ویب سائٹ پر جاتے ہیں ، تو وہ HTTP پروٹوکول کا استعمال کرتے ہوئے کرتے ہیں۔ براؤزر آپ کے ویب سرور کو ایک مخصوص صفحے کے لیے درخواست بھیجتا ہے ، آپ کا ویب سرور صفحہ ڈھونڈتا ہے ، پھر اس صفحے کے مندرجات وزیٹر کے براؤزر کو واپس بھیج دیتا ہے۔



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

سب سے عام کمپریشن سکیم ہے۔ GZIP ، جو کہ ایک فائل فارمیٹ ہے جو استعمال کرتا ہے a نقصان دہ کمپریشن الگورتھم۔ ڈیفلیٹ کہلاتا ہے۔

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

اس طرح کے متن پر غور کریں (مثال GZIP ویب سائٹ سے لی گئی ہے):

Blah blah blah blah blah.

الگورتھم مندرجہ ذیل تکرار کو تسلیم کرتا ہے۔

B{lah b}{lah b}{lah b}{lah b}lah.

پہلا واقعہ ہمارا حوالہ ہے ، لہذا اسے چھوڑ دیں:

Blah b{lah b}{lah b}{lah b}lah.

دوسری واردات پہلی واردات سے مراد ہے ، جو پانچ حروف پیچھے اور پانچ حروف طویل ہے:

Blah b[5,5]{lah b}{lah b}lah.

لیکن اس معاملے میں ، الگورتھم تسلیم کرتا ہے کہ اگلا واقعہ حروف کی ایک ہی ترتیب ہے ، لہذا یہ حوالہ کی لمبائی کو مزید پانچ تک بڑھا دیتا ہے۔

Blah b[5,10]{lah b}lah.

اور ایک بار پھر:

Blah b[5,15]lah.

اور الگورتھم اس بات کا احساس کرنے کے لیے کافی ہوشیار ہے کہ اگلے تین حروف حوالہ کے پہلے تین حروف ہیں ، لہذا اس کی توسیع تین ہے:

Blah b[5,18].

اب ایک عام HTML فائل کے بارے میں سوچیں اور اس کے اندر کتنی تکرار موجود ہے۔ تقریبا ہر ٹیگ ، جیسے۔

، ایک متعلقہ اختتامی ٹیگ ہے ، جیسے۔

. مزید برآں ، بہت سے ٹیگ بھر میں دہرائے جاتے ہیں ، جیسے۔

،

،

،

  • ، وغیرہ اوصاف بھی اکثر دہرائے جاتے ہیں ، بشمول۔

    class

    ،

    href

    ، اور

    src

    . یہ دیکھنا آسان ہے کہ GZIP کمپریشن HTML کے ساتھ اتنا موثر کیوں ہے۔

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

    آپ کو سکیڑنا اور چھوٹا کرنا کیوں ضروری ہے؟

    دو اہم فوائد ہیں ، یہ دونوں آج کے موبائل ہیوی ویب زمین کی تزئین میں اہم ہیں۔

    تیز پیج لوڈ۔

    اوسطا an ، ایچ ٹی ایم ایل منیفائر بنیادی سیٹنگ کے ساتھ فائل کا سائز تقریبا 3 3 فیصد کم کر سکتا ہے۔ اختیاری جدید ترتیبات کے ساتھ ، ایک ایچ ٹی ایم ایل فائل کو 3 سے 7 فیصد تک کم کیا جا سکتا ہے ، 10 فیصد تک ممکنہ کمی کے لیے۔ یہ براہ راست تیز صفحہ لوڈ اوقات میں ترجمہ کرتا ہے۔

    کم بینڈوڈتھ استعمال کیا جاتا ہے۔

    ہم کہتے ہیں کہ آپ کے پاس 10 فائلیں ہیں ، ہر ایک 50 KB سے کم ہوکر 45 KB تک 50 KB کے سکڑنے کے لیے۔ اور ہم کہتے ہیں کہ آپ کی ویب سائٹ ہر روز اوسطا 1،000 ایک ہزار زائرین کی خدمت کرتی ہے ، جہاں ہر وزٹ کا اوسط دس صفحات ہوتا ہے۔ صرف ایچ ٹی ایم ایل منیفیکیشن آپ کے بینڈوڈتھ کے استعمال کو 50 ایم بی فی دن (1.5 جی بی فی مہینہ) کم کرتی ہے۔

    کمپریشن + منفیکیشن۔

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

    آئی پوڈ سے کمپیوٹر پر گانے کیسے حاصل کریں۔

    لیکن ایچ ٹی ایم ایل آپٹیمائزیشن کے بارے میں بہت اچھی بات یہ ہے کہ آپ کو منفیشن یا کمپریشن کا انتخاب کرنے کی ضرورت نہیں ہے۔ آپ دونوں کر سکتے ہیں! در حقیقت ، آپ۔ چاہئے دونوں کرو.

    اوسطا ، آپ توقع کر سکتے ہیں کہ GZIP کمپریشن ایک HTML فائل کو 70 سے 90 فیصد تک سکڑ دے گا۔ قدامت پسند کمپریشن تخمینہ کے ساتھ اوپر دی گئی مثال کا استعمال کرتے ہوئے ، چھوٹی HTML فائلیں 45 KB سے 13.5 KB تک جائیں گی ، مجموعی طور پر 365 KB سکڑنے کے لیے۔ غیر محدود/غیر کمپریسڈ کے مقابلے میں ، آپ کی سائٹ بینڈوڈتھ اب 365 MB فی دن (11 GB فی مہینہ) کم ہو گئی ہے۔

    اور بینڈوتھ کی بچت کے اوپر ، ہر صفحہ ڈرامائی طور پر تیزی سے لوڈ ہوتا ہے کیونکہ آخری صارف کے براؤزر کو صرف 13.5 KB بمقابلہ 50 KB فی صفحہ ڈاؤن لوڈ کرنے کی ضرورت ہوتی ہے۔

    ایچ ٹی ایم ایل کو کمپریس اور منفی کرنے کا طریقہ

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

    ورڈپریس پلگ ان۔

    اگر آپ ورڈپریس سائٹ چلاتے ہیں تو آپ کو صرف ایک پلگ ان انسٹال کرنے کی ضرورت ہے اور آپ کمپریشن اور منفیفیکشن دونوں کے فوائد حاصل کرسکتے ہیں۔

    زیادہ تر کیشنگ پلگ ان صرف کیش پیجز سے زیادہ کرتے ہیں۔ مثال کے طور پر، WP تیز ترین کیشے۔ اور W3 کل کیشے۔ دونوں میں ایک کلک کی ترتیبات ہیں جو آپ کو HTML منیفیکیشن اور GZIP کمپریشن کو آن کرنے کی اجازت دیتی ہیں ، دیگر خصوصیات کے ساتھ جو صفحے کے بوجھ کو مزید تیز کرتی ہیں اور بینڈوتھ کے استعمال کو کم کرتی ہیں۔

    اگر آپ صرف کم کرنا چاہتے ہیں ، ہم تجویز کرتے ہیں ایچ ٹی ایم ایل کو چھوٹا کریں۔ رابطہ بحال کرو. یہ آسان ہے ، ایچ ٹی ایم ایل/سی ایس ایس/جے ایس کی حمایت کرتا ہے ، اور آپ کو چھوٹے کرنے کے طریقہ کار کو تھوڑا سا موافقت کرنے کی اجازت دیتا ہے (جیسے ہٹانا ہے

    http:

    اور

    https:

    یو آر ایل سے)۔

    جامد HTML منیفائرز۔

    اگر آپ کی ایچ ٹی ایم ایل فائلیں مستحکم ہیں ، (یعنی سی ایم ایس یا ویب فریم ورک کے ذریعے متحرک طور پر تیار نہیں کی جاتی ہیں) ، تو آپ ایچ ٹی ایم ایل فائلوں کے دو سیٹ برقرار رکھ سکتے ہیں: ایک 'سورس' سیٹ ، جو کہ آسان ترمیم کے لیے نامکمل ہے ، اور 'منیفائیڈ' سیٹ ، جسے آپ کسی بھی وقت جب آپ سورس فائل میں تبدیلی کرتے ہیں تخلیق کرتے ہیں۔

    کم کرنے کے لیے ، ان میں سے ایک ٹول استعمال کریں:

    یہ ایک قابل عمل تکنیک ہے اگر آپ CMSes جیسے ورڈپریس سے دور چلے گئے ہیں اور اب جامد سائٹ جنریٹرز استعمال کریں۔

    GZIP کمپریشن کو فعال کریں۔

    GZIP کمپریشن کو فعال کرنے کے اقدامات مختلف ہو سکتے ہیں اس پر منحصر ہے کہ آپ کون سا ویب سرور سافٹ ویئر استعمال کر رہے ہیں۔ چونکہ اپاچی سب سے مقبول آپشن ہے ، ہم اس کا احاطہ کریں گے کہ .htaccess کا استعمال کرتے ہوئے اسے کیسے فعال کیا جائے۔

    ایف ٹی پی کا استعمال کرتے ہوئے اپنے ویب سرور سے جڑیں ، پھر ایک فائل بنائیں جسے کہتے ہیں۔

    .htaccess

    جڑ ڈائریکٹری میں. درج ذیل ترتیبات کے لیے .htaccess فائل میں ترمیم کریں۔


    mod_gzip_on Yes
    mod_gzip_dechunk Yes
    mod_gzip_item_include file .(html?|txt|css|js|php|pl)$
    mod_gzip_item_include handler ^cgi-script$
    mod_gzip_item_include mime ^text/.*
    mod_gzip_item_include mime ^application/x-javascript.*
    mod_gzip_item_exclude mime ^image/.*
    mod_gzip_item_exclude rspheader ^Content-Encoding:.*gzip.*


    SetOutputFilter DEFLATE

    یقین نہیں ہے کہ اگر آپ کی ویب سائٹ پر کمپریشن کام کر رہا ہے؟ اس آلے سے اس کی جانچ کریں۔ .

    حتمی استعداد کے لیے ، آپ کو بھی کرنا چاہیے۔ اپنے سی ایس ایس کو چیک کرنے ، صاف کرنے اور بہتر بنانے کے بارے میں جانیں۔ .

    بانٹیں بانٹیں ٹویٹ ای میل۔ کیا آپ کو فوری طور پر ونڈوز 11 میں اپ گریڈ کرنا چاہیے؟

    ونڈوز 11 جلد آرہا ہے ، لیکن کیا آپ کو جلد از جلد اپ ڈیٹ کرنا چاہیے یا چند ہفتے انتظار کرنا چاہیے؟ آئیے معلوم کریں۔

    اگلا پڑھیں۔     متعلقہ موضوعات۔
    • پروگرامنگ۔
    • ایچ ٹی ایم ایل
    • ویب سازی
    مصنف کے بارے میں جوئل لی۔(1524 مضامین شائع ہوئے)

    جوئل لی 2018 سے میک اپ آف کے چیف ایڈیٹر ہیں۔ ان کے پاس بی ایس ہے۔ کمپیوٹر سائنس میں اور نو سال سے زیادہ پیشہ ورانہ تحریر اور ترمیم کا تجربہ۔

    جوئل لی سے مزید۔

    ہماری نیوز لیٹر کو سبسکرائب کریں

    ٹیک ٹپس ، جائزے ، مفت ای بکس ، اور خصوصی سودوں کے لیے ہمارے نیوز لیٹر میں شامل ہوں!

    سبسکرائب کرنے کے لیے یہاں کلک کریں۔