جاوا اسکرپٹ کمپریسرز: اپنے جے ایس کو کیسے اور کیوں کم کریں۔

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

اپنی جاوا اسکرپٹ کو کم کرنا ویب سائٹ کے جواب کے اوقات کو تیز کرنے کا ایک طریقہ ہے (ساتھ میں۔ ایچ ٹی ایم ایل کو کمپریس کرنا۔ ) ، اور خوش قسمتی سے آپ کے لیے ، یہ ایک آسان عمل ہے۔ آج میں آپ کو وہ سب دکھاتا ہوں جو آپ کو جاننے کی ضرورت ہے۔

Minify کا کیا مطلب ہے؟

کا عمل۔ چھوٹا کرنا (یا چھوٹا کرنا ) ایک سادہ سا تصور ہے۔ جب آپ جاوا اسکرپٹ یا کسی دوسری زبان میں کوڈ لکھتے ہیں تو ، بہت ساری خصوصیات ہوتی ہیں جو صرف کوڈ کو انسانوں کو سمجھنے میں آسانی کے لیے ضروری ہوتی ہیں - کمپیوٹر اس بات کی پرواہ نہیں کرتے کہ آپ اپنے متغیرات کو کیا کہتے ہیں ، یا بریکٹ کے ارد گرد کتنا فاصلہ ہے ، مثال کے طور پر.

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

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

iso-to-USB سافٹ ویئر۔

منفیڈ کوڈ کیسا لگتا ہے؟

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

یہاں کچھ ہیں۔ غیر محدود ازان اور جاوا اسکرپٹ کے ساتھ JSON استعمال کرنے کے لیے ہماری گائیڈ سے جاوا اسکرپٹ:

// setup some JSON to use  
var cars = [  
 { 'make':'Porsche', 'model':'911S' },  
 { 'make':'Mercedes-Benz', 'model':'220SE' },  
 { 'make':'Jaguar','model': 'Mark VII' }  
];  
window.onload = function() {  
 // setup the button click  
 document.getElementById('theButton').onclick = function() {  
 doWork()  
 };  
}  
function doWork() {  
 // ajax the JSON to the server  
 $.post('receiver', cars, function(){  
 });  
 // stop link reloading the page  
 event.preventDefault();  
}

یہاں چھوٹا کوڈ ہے:

function doWork(){$.post('receiver',cars,function(){}),event.preventDefault()}var cars=[{make:'Porsche',model:'911S'},{make:'Mercedes-Benz',model:'220SE'},{make:'Jaguar',model:'Mark VII'}];window.onload=function(){document.getElementById('theButton').onclick=function(){doWork()}};

کوڈ کا یہ چھوٹا سا ورژن ہے۔ 39 فیصد۔ چھوٹا اس مثال میں ، متغیر نام ایک جیسے رہتے ہیں ، لیکن تمام وائٹ اسپیس اور تبصرے کو ہٹا دیا گیا ہے۔

ہمارے گائیڈ سے jQuery کی ایک اور مثال یہ ہے:

// dfd == deferred  
var dfd = $.Deferred();  
function doThing() {  
 $.get('some/slow/url', function() {  
 dfd.resolve();  
 });  
 return dfd.promise();  
}  
$.when(doThing()).then(function(){  
 console.log('YAY, it is finished');  
});

یہاں چھوٹا کوڈ ہے:

function doThing(){return $.get('some/slow/url',function(){dfd.resolve()}),dfd.promise()}var dfd=$.Deferred();$.when(doThing()).then(function(){console.log('YAY, it is finished')});

اس بار صرف ایک تھا۔ 26 فیصد۔ کمی - کوڈ کے اس طرح کے معمولی بلاک کے لئے یہ اب بھی بہت اچھا ہے۔

ہمارے گائیڈ سے جاوا اسکرپٹ اور DOM کی ایک حتمی مثال یہ ہے:

//declare a new variable to hold a new h1 element  
var newHeading = document.createElement('h1');  
//add the text node to the document  
var h1Text = document.createTextNode('Heading Level 1');  
//make it a child node of the new heading  
newHeading.appendChild(h1Text);  
//append this as a child of element defined as 'bt'  
document.getElementById('bt').appendChild(newHeading);

دیکھیں کہ وہاں کیسے ہیں۔ بہت سارا تبصروں اور وائٹ اسپیس کا۔ چھوٹے ورژن نے فائل سائز کو کم کیا۔ 52 فیصد۔ :

گوگل پلے آن فائر ایچ ڈی 10 انسٹال کریں۔

var newHeading=document.createElement('h1'),h1Text=document.createTextNode('Heading Level 1');newHeading.appendChild(h1Text),document.getElementById('bt').appendChild(newHeading);

کچھ عام جاوا اسکرپٹ لائبریریوں کے سائز ان کے چھوٹے ورژن کے مقابلے میں یہ ہیں:

ہائی چارٹس: 1 MB> 201 KB
jQuery: 270 KB> 90 KB۔
MooTools: 164 KB> 93 KB۔

ان میں سے کچھ لائبریریاں کمپریس ہونے پر سائز میں نمایاں کمی دکھاتی ہیں ( ~ 80 فیصد۔ ) ، جبکہ دوسرے اتنے اچھے نہیں ہیں ( ~ 40 فیصد ). اس نے کہا ، کوئی بھی بچت آپ کی ویب سائٹ کو آپ کے صارفین کے لیے تیز تر بنائے گی ، اور آپ کے ویب سرور پر دباؤ کو کم کرے گی۔

آپ کیسے کم کرتے ہیں؟

اب آپ جانتے ہیں کہ یہ کیسے کام کرتا ہے اور یہ کیسا لگتا ہے ، آئیے اس میں کیسے غوطہ لگاتے ہیں۔ پریشان نہ ہوں ، اپنے کوڈ کو دستی طور پر تبدیل کرنے کی ضرورت نہیں ہے! بہت سارے ٹولز آزادانہ طور پر دستیاب ہیں جو آپ کے لیے اس عمل کو سنبھالتے ہیں۔

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

یہاں آن لائن ٹولز کا ایک مختصر دور ہے۔ وہ زیادہ تر ایک جیسے کام کرتے ہیں لہذا آپ کو زیادہ فکر کرنے کی ضرورت نہیں ہے کہ کون سا انتخاب کرنا ہے۔

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

جاوا اسکرپٹ منیفائر۔ - یہ آلہ اچھی طرح کام کرتا ہے ، لیکن یہ واقعی ایک API کے طور پر چمکتا ہے۔ یہ آپ کو ان کی موجودہ ویب سائٹ کے اوپر اپنا انضمام یا سروس بنانے دیتا ہے۔

جاوا اسکرپٹ منیفائر - اسی نام کی ایک اور ویب سائٹ ، یہ ٹول اتنا ہی آسان ہے جتنا وہ آتے ہیں۔ کوئی آپشن یا مینو نہیں ، صرف ایک بٹن۔

چھوٹا کریں - یہ ویب سائٹ حیرت انگیز نظر آتی ہے ، اور ڈویلپرز نے واضح طور پر یہاں کی تفصیلات پر توجہ دی ہے۔

یہ فہرست ہمیشہ کے لیے جاری رہ سکتی ہے۔ ویب سائٹس کو کم کرنے کے لیے بہت سارے آن لائن ٹولز ہیں کہ غلط ہونا مشکل ہے۔

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

اگر آپ مائیکروسافٹ بصری اسٹوڈیو استعمال کر رہے ہیں تو بنڈلر اور منیفائر۔ مارکیٹ سے توسیع 600،000 سے زیادہ انسٹال ہے! نہ صرف یہ ، بلکہ اسے باقاعدگی سے اپ ڈیٹ کیا جاتا ہے اور۔ GitHub پر دستیاب ہے۔ .

اگر آپ کے پرستار ہیں۔ شاندار متن۔ جیسا کہ میں ہوں ، پھر چھوٹا کریں پیکیج وہی ہے جو آپ چاہتے ہیں۔ 61،000 سے زیادہ انسٹال کے ساتھ ، یہ ایک بہت مشہور پیکیج ہے ، اور وہ بھی۔ GitHub پر دستیاب ہے۔ ، اگر آپ اوپن سورس پروجیکٹ میں حصہ ڈالنا چاہتے ہیں۔

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

انتباہات۔

وہاں ہے ایک کیچ ٹھیک ہے؟ کچھ بھی کامل نہیں ہو سکتا۔ ٹھیک ہے ، ہاں ، ایک مسئلہ ہے ، لیکن یہ کافی معمولی ہے اور آسانی سے کام کرتا ہے:

چھوٹے کوڈ کو اصل حالت میں بحال نہیں کیا جا سکتا۔

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

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

یہ کوئی بڑا مسئلہ نہیں ہے ، لیکن کوڈنگ کرتے وقت آپ کو اسے ذہن میں رکھنا ہوگا۔ ایک بنیادی اصول کے طور پر ، کمپریسڈ > ترقی پذیر اور کمپریسڈ > پیداوار

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

آپ اپنے کوڈ کو کم کرنے کے لیے کون سے ٹولز استعمال کرتے ہیں؟ کیا آپ پریشان بھی کرتے ہیں؟ ہمیں ذیل میں تبصرے میں بتائیں!

ونڈوز 10 بلیک اسکرین سیف موڈ۔

تصویری کریڈٹ: نوین ٹار بذریعہ شٹر اسٹاک۔

بانٹیں بانٹیں ٹویٹ ای میل۔ ڈسک کی جگہ کو خالی کرنے کے لیے ان ونڈوز فائلوں اور فولڈرز کو حذف کریں۔

اپنے ونڈوز کمپیوٹر پر ڈسک کی جگہ صاف کرنے کی ضرورت ہے؟ یہ ہیں ونڈوز فائلیں اور فولڈرز جنہیں ڈسک کی جگہ خالی کرنے کے لیے محفوظ طریقے سے حذف کیا جا سکتا ہے۔

اگلا پڑھیں۔ متعلقہ موضوعات۔

پروگرامنگ۔
جاوا اسکرپٹ۔
جاوا
ویب ڈیزائن

مصنف کے بارے میں جو کوبرن۔(136 مضامین شائع ہوئے)

جو یونیورسٹی آف لنکن یونیورسٹی سے کمپیوٹر سائنس میں گریجویٹ ہیں۔ وہ ایک پیشہ ور سافٹ وئیر ڈویلپر ہے ، اور جب وہ ڈرون نہیں اڑاتا یا موسیقی نہیں لکھتا ، تو وہ اکثر فوٹو لیتے یا ویڈیو بناتے پائے جاتے ہیں۔

جو کوبرن سے مزید۔

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

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

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