HTML منیفائر
HTML پیسٹ کریں تاکہ کمنٹس اور فالتو خالی جگہیں ہٹ جائیں اور اِن لائن CSS اور JavaScript منیفائی ہو۔ <pre> اور <textarea> کا مواد بالکل ویسا ہی رہتا ہے جیسا لکھا گیا۔
آپ کے براؤزر میں چلتا ہےسائن اپ کی ضرورت نہیںکچھ اپ لوڈ نہیں ہوتا
HTML منیفائر استعمال کرنے کا طریقہ
- HTML دستاویز یا ٹکڑا پیسٹ کریں، یا
.htmlفائل کھولیں۔ - منتخب کریں کہ کیا ہٹانا ہے: کمنٹس، خالی جگہیں، اور کیا اِن لائن
<style>اور<script>بلاکس بھی منیفائی ہوں۔ - وارننگز والی لائن چیک کریں: سنٹیکس ایرر والا اِن لائن سکرپٹ آپ کا صفحہ توڑنے کے بجائے جوں کا توں رکھا جاتا ہے۔
- منیفائیڈ HTML کاپی یا ڈاؤن لوڈ کریں۔
کیا ہٹایا جاتا ہے؟
- کمنٹس:
<!-- … -->ہٹا دیا جاتا ہے، سوائے Internet Explorer کے conditional comments اور<!--!سے شروع ہونے والے کمنٹس کے۔ - بلاک elements کے درمیان خالی جگہ:
<div>،<li>یا<head>جیسے ٹیگز کے درمیان نئی لائنیں اور انڈینٹیشن کبھی رینڈر نہیں ہوتیں، اس لیے مکمل طور پر ہٹا دی جاتی ہیں۔ - متن میں لگاتار اسپیسز: ایک اسپیس میں سمٹ جاتی ہیں، بالکل جیسے براؤزر انہیں ویسے بھی رینڈر کرتا ہے۔
- ٹیگز کے اندر خالی جگہ:
<p class = "a">بن جاتا ہے<p class="a">۔
کیا محفوظ رہتا ہے؟
کچھ جگہوں پر خالی جگہ اہم ہوتی ہے، اور منیفائر اس کا احترام کرتا ہے۔ <pre> اور <textarea> کا مواد بائٹ بہ بائٹ محفوظ رہتا ہے۔ اِن لائن elements کے درمیان ایک اسپیس، جیسے <b>bold</b> text، رکھی جاتی ہے کیونکہ اسے ہٹانے سے الفاظ جڑ جائیں گے۔ Attribute ویلیوز اور کوٹس کبھی تبدیل نہیں ہوتے۔
اِن لائن CSS اور JavaScript
اِن لائن <style> بلاکس CSSO سے اور اِن لائن <script> بلاکس Terser سے آپٹیمائز ہوتے ہیں، وہی انجن جو CSS منیفائر اور JavaScript منیفائر صفحات پر استعمال ہوتے ہیں۔ JSON-LD اور دوسرے JSON سکرپٹ بلاکس کمپیکٹ کیے جاتے ہیں، اور نامعلوم ٹائپ کے سکرپٹس (مثلاً ٹیمپلیٹس) کو چھیڑا نہیں جاتا۔
کیا HTML منیفکیشن فائدہ مند ہے؟
سرور پر رینڈر ہونے والے صفحات اور سٹیٹک سائٹس کے لیے HTML دستاویز پہلی چیز ہے جو براؤزر ڈاؤن لوڈ کرتا ہے، اس لیے ہر بچایا گیا بائٹ پہلی رینڈر کا وقت کم کرتا ہے۔ کمپریشن سے پہلے 10–25% بچت عام ہے، اور زیادہ انڈینٹ شدہ ٹیمپلیٹس اور بڑے اِن لائن سکرپٹس والے صفحات میں اس سے زیادہ۔
اکثر پوچھے جانے والے سوالات
کیا HTML منیفائی کرنے سے میرا صفحہ مختلف دکھے گا؟
<pre>/<textarea> کا مواد نہیں چھیڑا جاتا۔ اگر آپ CSS میں elements کو white-space: pre سے سٹائل کرتے ہیں تو خالی جگہیں سمیٹیں بند کر دیں۔