نیا تصویر ایچ ٹی ایم ایل کوڈ آپ کی ویب سائٹ کو تیزی سے تیز کر سکتا ہے

فہرست کا خانہ:

Anonim

آپ نے سنا ہے کہ آپ کے کاروباری ویب سائٹ میں ویب زیادہ بصری اور عظیم تصاویر بن چکی ہیں.

لیکن ان کی تصاویر آپ کے ویب سائٹ والے زائرین کی لعنت ہو سکتی ہیں. تصاویر 1.7MB میں سے 1MB کے لئے اکاؤنٹ میں اوسط ویب صفحے پر مشتمل ہے.

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

$config[code] not found

آپ نے ایک ذمہ دار ویب ڈیزائن پر عمل درآمد کر لیا ہے، سوچتے ہیں کہ آپ کے تمام موبائل مسائل کو حل کرنے کے لۓ. اور یہ سچ ہے کہ ایک ذمہ دار ویب ڈیزائن کچھ مسائل کو حل کرتی ہے. یہ خود کار طریقے سے آپ کے سائٹ عناصر کو چھوٹے، تنگ موبائل اسکرینوں پر نظر آتے ہیں اور ان کو دکھاتا ہے.

لیکن ذمہ دار ویب ڈیزائن ہر چیز کا جواب نہیں ہے. اس تصویر کو ڈاؤن لوڈ کرنے کا مسئلہ حل نہیں کرنا ضروری ہے. یہاں تک کہ ذمہ دار ڈیزائن کے ساتھ، کئی بار ان ہار ویٹ کی تصاویر اب بھی ڈاؤن لوڈ کر رہے ہیں. جیسا کہ ویب کارکردگی کے ماہر یووو ویس نے اوپیرا کی ویب سائٹ پر بیان کیا ہے:

"قبول ویب ڈیزائن RWD ویب براؤزر کی اہلیتوں اور سی ایس ایس کی تکنیکوں کو مشترکہ ویب سائٹس بنانے کے لئے جو ان ڈسپلے سے نمٹنے کے لئے ان کے مطابق ہے، اور ہر جگہ مثالی طور پر نظر آتے ہیں. وہ فعال ڈویلپرز ناظر ہونے والے آلہ کا پتہ لگانے اور ویزے کے طول و عرض کے لحاظ سے ان کی ویب سائٹس کے بارے میں سوچنے کے بارے میں فکر مند رکھنا.

لیکن، یہاں تک کہ اگرچہ آر ڈی ڈبلیو سائٹس ہر آلہ پر مختلف نظر آتے ہیں، ان میں سے اکثر ان تمام وسائل کے لئے اسی وسائل کو ڈاؤن لوڈ کرنے لگے. "

نیا ایچ ٹی ایم ایل کوڈ عنصر اس کو تبدیل کرسکتا ہے.

تصویر HTML عنصر کیا ہے؟

اگر آپ ایچ ٹی ایم ایل کوڈ کے بارے میں کچھ نہیں جانتے ہیں تو، غیر تکنیکی تعریف یہ ہے کہ یہ ایک خاص زبان ہے. جب آپ کی ویب سائٹ کے کوڈ میں مناظر کے پیچھے استعمال کیا جاتا ہے، تو یہ زبان ہدایات دیتا ہے کہ براؤزر کو متن اور تصاویر کیسے دکھائے جائیں.

نیا تصویر عناصر ایک قسم کی HTML مارک اپ زبان ہے. یہ اس طرح لکھا گیا ہے (قبول تصاویر کمیونٹی گروپ کے مطابق):

تصویر عنصر ذمہ دار ہے تصاویر، ذمہ دار نہیں ڈیزائن.

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

آرس ٹیکنیکا رپورٹ کے مطابق، نئے مارک اپ عنصر تصاویر کی وجہ سے مسائل کو پورا کرتی ہیں جو مکمل سائز کے مانیٹر پر دیکھا جا سکتا ہے - وہ تصاویر جو موبائل آلات پر اچھی طرح سے ترجمہ نہیں کرتی ہیں. The مارک اپ کوڈ ویب براؤزر لکھتا ہے کہ فائر فاکس حق کو لوڈ کرنے اور ظاہر کرنے کے لئے (پڑھیں: چھوٹے) تصاویر:

"براؤزر جب تصویر عنصر کا معائنہ کرتا ہے، تو یہ سب سے پہلے کسی بھی قواعد کا تعین کرتا ہے جو ویب ڈویلپر کی وضاحت کرسکتا ہے. *** پھر، مختلف قوانین کا اندازہ کرنے کے بعد، براؤزر اپنے معیار کے مطابق بہترین تصویر چنتا ہے. یہ ایک اور اچھی خصوصیت ہے کیونکہ براؤزر کے معیار میں آپ کی ترتیبات شامل ہوسکتی ہیں. مثال کے طور پر، مستقبل کے براؤزر کو 3G سے زیادہ لوڈ کرنے سے ہائی ریڈ کی تصاویر کو روکنے کا اختیار پیش کیا جا سکتا ہے، قطع نظر اس صفحے پر کوئی تصویر عنصر کہے گا. ایک بار براؤزر جانتا ہے کہ کون سا تصویر بہترین انتخاب ہے، یہ اصل میں ایک اچھا پرانا ایم ایم عنصر میں اس تصویر کو بوجھ اور دکھاتا ہے.

… کیا ہوتا ہے، تصویر ایک img ٹیگ لکھا ہے. اگر براؤزر ایک سے کیا کرنا جاننے کے لئے بہت پرانی ہے عنصر، پھر یہ fallback img ٹیگ لوڈ. تمام رسائی کے فوائد باقی رہے ہیں کیونکہ الٹی صفت اب بھی آئی ایم ایم عنصر پر ہے. "

سبھی ڈویلپرز نے پہلے ہی نئے تصویر عناصر کو قبول نہیں کیا. آرز ٹیکنیکا کی کہانی اس عمل کی وضاحت کرتی ہے کہ ویب ترقیاتی کمیونٹی کے رہنماؤں نے اس نقطہ نظر کو حاصل کرنے کے لۓ چلایا عنصر آج کھڑا ہے. راستے کے ساتھ وہاں ایک گٹار کھیل ویس کی خاصیت کرتے ہوئے انڈیاگوگو پر ایک کامیاب مہم جوئی مہم بھی تھی.

$config[code] not found

لیکن اس معاملے کو ابھی ابھی ظاہر ہوتا ہے، ایچ ٹی ایم ایل عنصر نئی تصویر کے ساتھ اپنایا گیا ہے.

کے بارے میں کلیدی پوائنٹس عنصر

The مارک اپ عنصر آپ کے قریب ایک براؤزر پر جلد ہی آ رہا ہے. اس کے لئے 2014 کے آخر تک کی حمایت کروم اور فائر فاکس براؤزر میں ڈیفالٹ کی طرف متوجہ ہونے کی امید ہے. اوپیرا بھی راستے میں ہے. اور ایپل کے سفاری براؤزر کا تازہ ترین ورژن بھی کام میں ظاہر ہوتا ہے. ارس ٹیکنیکا کے مطابق مائیکروسافٹ ایکسپلورر ایکسپلورر کے لئے "اس پر غور کریں".

کاروباری لوگوں کے طور پر، یہ جاننا ضروری ہے کہ مارک اپ اپنی ویب سائٹ کو تیز کر سکتا ہے، خاص طور پر موبائل آلات پر. یہ آپ کے سائٹ کے زائرین کے لئے اچھا ہوگا.

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

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

تصاویر: Shutterstock؛ RICG

9 تبصرے ▼