سی ایس ایس اسپرٹ کے ساتھ آپ کی سائٹ کی رفتار بڑھ رہی ہے

سپرائٹ ماسٹر ویب

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

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

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

اس کے نتیجے میں ، آپ کی سائٹ کو سست کردیتی ہے۔ A سست سائٹ مصروفیت اور تبادلوں پر ڈرامائی اثر ڈال سکتی ہے جو آپ کے سامعین بناتے ہیں۔ ایک حکمت عملی جو عظیم ویب ڈویلپر استعمال کرتے ہیں وہ تمام تصاویر کو ایک فائل میں ڈال رہی ہے… جسے اے کہتے ہیں سپرے. اپنی فائل کی ہر ایک تصویر کے لئے درخواست کرنے کے بجائے ، اب صرف ایک ہی اسپرائٹ امیج کے لئے ایک درخواست کی ضرورت ہے!

آپ اس کے بارے میں پڑھ سکتے ہیں سی ایس ایس اسٹرائٹس سی ایس ایس ٹرکس میں کیسے کام کرتی ہے or میگزین کے سی ایس ایس سپرائٹ کو توڑ رہا ہے پوسٹ میرا نقطہ یہ نہیں ہے کہ آپ ان کو استعمال کرنے کا طریقہ بتائیں ، صرف یہ مشورہ دینے کے لئے کہ آپ کی ترقیاتی ٹیم انہیں سائٹ میں شامل کرے گی۔ سی ایس ایس ٹرکس کی پیش کردہ مثال سے 10 تصاویر دکھائی گئیں جو 10 درخواستیں ہیں اور 20.5Kb تک کا اضافہ کرتی ہیں۔ جب کسی ایک سپرائٹ میں جمع ہوجائے تو ، بات ہے 1 درخواست ہے کہ 13 کلو! 9 تصاویر کے لئے راؤنڈ ٹرپ درخواست اور جواب کے اوقات ختم ہوگئے ہیں اور اعداد و شمار کی مقدار میں 30 than سے زیادہ کی کمی واقع ہوئی ہے۔ ضرب لگائیں کہ آپ کی سائٹ پر آنے والوں کی تعداد اور آپ واقعی کچھ وسائل منڈوا رہے ہیں۔

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

اگر آپ کے ڈویلپرز کو ٹولز پسند ہیں تو ، وہاں ایک ٹن موجود ہے جو ان کی مدد کرسکتا ہے ، بشمول کمپاس سی ایس ایس فریم ورک, گزارش ASP.NET کے لئے ، سی ایس ایس سپرائٹر روبی کے لئے ، CSSSprite اسکرپٹ فوٹوشاپ کے لئے ، سپرائٹ پیڈ, سپرائٹ رائٹ, سپرائٹکو, زیرو اسپریٹس, پروجیکٹ Fondue کے سی ایس ایس اسپرائٹ جنریٹر, سپرائٹ ماسٹر ویب، اور سپرائٹمی بک مارکلیٹ۔

کی اسکرین شاٹ سپرائٹ ماسٹر ویب:
سپرائٹ ماسٹر ویب

Martech Zone اپنے تھیم میں پس منظر کی منظر کشی کو استعمال نہیں کرتی ہے ، لہذا ہمیں اس وقت اس تکنیک کو تعی depن کرنے کی ضرورت نہیں ہے۔

۰ تبصرے

  1. 1

    انتظار کریں… کیا پورا مجموعہ ایک "شبیہ" (یا "ہوائی جہاز") نہیں ہے ، اور ہر ذیلی امیج (یا متحرک یا انٹرایکٹو تبدیل کرنے والوں کی صورت میں تصویری ذیلی گروپ) "اسپرائٹ" نہیں ہے؟

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

    ("سپرائٹ ٹیبل"… کیا یہ وہ نہیں تھا؟)

    • 2

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

آپ کا کیا خیال ہے؟

سپیم کو کم کرنے کے لئے یہ سائٹ اکزمیت کا استعمال کرتا ہے. جانیں کہ آپ کا تبصرہ کس طرح عملدرآمد ہے.