سي ايس ايس اسپريٽ سان گڏ توهان جي سائيٽ کي تيز ڪرڻ

اسپريمر ماسٽر ويب

آئون هن سائيٽ تي صفحن جي رفتار بابت ٿورو لکان ٿو ۽ اهو تجزيو ۽ واڌارو جو هڪ اهم حصو آهي جيڪو اسان پنهنجي گراهڪن جي سائيٽن ڏانهن ٺاهيون ٿا. طاقتور سرور ڏانهن منتقل ڪرڻ ۽ اوزار وانگر استعمال ڪرڻ کان علاوه مواد پهچائڻ واري نيٽ ورڪ، اهڙا ڪيترائي پروگرامنگ ٽيڪنالاجيون آهن ، اوسط ويب ڊولپرر استعمال ڪري سگھن ٿا.

اصل Cascading Style Sheet لاءِ معياري هاڻي 15 سال کان به وڌيڪ آهي. سي ايس ايس ويب ڊولپمينٽ ۾ هڪ اهم ارتقا هئي ڇاڪاڻ ته هن مواد کي ڊزائن کان الڳ ڪري ڇڏيو. هن بلاگ ۽ ڪنهن ٻئي تي ڏسو ۽ اسٽائلنگ جي اڪثريت اڪثريت منسلڪ اسٽائل شيٽ ۾ آهي. اسٽائل شيٽ پڻ اهم آهن ڇاڪاڻ ته اهي توهان جي برائوزر اندر ڪيش ۾ مقامي طور تي محفوظ ٿيل آهن. نتيجي طور ، جيئن ماڻهو توهان جي سائيٽ جو دورو ڪرڻ جاري رکن ، اهي هر وقت هڪ اسٽائل شيٽ ڊائون لوڊ نه ڪري رهيا آهن… صرف صفحي جو مواد

سي ايس ايس جو هڪ عنصر جيڪو گهڻو ڪري استعمال هيٺ هوندا آهن سي ايس ايس اسپريٽس. جڏهن هڪ صارف توهان جي ويب سائيٽ جو دورو ڪري ٿو ، توهان شايد اهو محسوس نه ٿا ڪري سگهو ته هو صرف هڪ صفحي لاءِ هڪ درخواست نه ڪري رهيا آهن. اهي گهڻيون درخواستون ڪيو… صفحي لاءِ درخواست ، ڪنهن به انداز جي شيٽس لاءِ ، ڪنهن منسلڪ اسڪرپٽ فائلن لاءِ ، ۽ پوءِ هر تصوير. جيڪڏهن توهان وٽ هڪ موضوع هجي جيڪو سرحدن ، نيويگيشن بار ، پسمنظر ، بٽڻ ، وغيره لاءِ تصويرن جو هڪ سلسلو آهي… برائوزر کي هر هڪ ، هڪ توهان جي ويب سرور تان هڪ وقت ۾ درخواست ڪرڻي آهي. ضرب هزارين ميلن سان گڏ ۽ ائين هزارين درخواستون توهان جي سرور ڏانهن موڪلي سگهجن ٿيون.

اهو ، موڙ ۾ ، توھان جي سائيٽ کي سست ڪري ٿو. هڪ سستي سائيٽ مصروفيت ۽ تبادلتي تي ڊرامائي اثر رکي سگهي ٿي اهو توهان جو سامعين ٺاهي. هڪ حڪمت عملي جيڪا عظيم ويب ڊولپرز استعمال ڪن ٿا انهن سڀني تصويرن کي هڪ فائل ۾ وجهي رهيو آهي… ڦاٽ. توھان جي ھر فائل جون تصويرون ٺاھڻ جي بدران ، ھاڻي اتي فقط ھڪڙي ھڪڙو سپرائيٽ تصوير لاءِ ھڪ درخواست ڪرڻ جي ضرورت آھي.

توھان پڙھي سگھو ٿا CSS-Tricks سي ايس ايس ٽرڪن جو ڪم ڪيئن ڪن ٿا or ڌڪڻ واري ميگزين جي سي ايس ايس سپراٽ پوسٽ. منهنجو نقطو اهو ناهي توهان کي ڏيکاريو ته انهن کي ڪئين استعمال ڪجي ، صرف توهان کي صلاح ڏيان ته توهان جي ترقياتي ٽيم انهن کي سائيٽ ۾ شامل ڪري. مثال طور ، سي ايس ايس ٽريڪس 10 تصويرون ڏيکاري ٿي جيڪي 10 درخواستون آهن ۽ 20.5 ڪيب تائين شامل آهن. جڏهن هڪڙي ڏاڪڻ ۾ گڏ ٿي ويو ، اهو آهي 1 عرض ڪيو ته 13 ڪلو آهي! 9 تصويرن لاءِ گول دوري جي درخواست ۽ جواب جو وقت هاڻ وڃي چڪو آهي ۽ ڊيٽا جي مقدار 30 سيڪڙو کان وڌيڪ گهٽجي وئي آهي. پنهنجي سائيٽ تي گهمڻ وارن جي تعداد سان وڌايائين ۽ توهان واقعي ڪجهه وسيلا shٽو ڪري رهيا آهيو!

گلوباوهن ايپل نيويگيشن بار وڏو مثال آهي. هر بٽ کي ڪي رياستون هونديون آهن… ڇا توهان پني تي آهيو ، پيج کان پري آهيو ، يا بٽن کي چوسيندي رهي ٿي. سي ايس ايس بٽڻ جي همراهات کي بيان ڪري ٿو ۽ صحيح رياست جي علائقي کي صارف برائوزر ڏانهن پيش ڪري ٿو. اهي سڀ رياستون هڪٻئي جي گرافڪ ۾ ئي areهلجن ٿيون - پر علائقي جي طرفان ڏيکاريل علائقا جيئن ته اسٽائل شيٽ ۾ بيان ڪيل آهي.

جيڪڏهن توهان جا ڊولپرز اوزار سان محبت ڪن ٿا ، اتي هڪ ٽيون آهي جيڪي مدد ڪري سگھن ٿا ، سميت کمپاس سي ايس ايس فريم ورڪ, درخواست گهٽايو ASP.NET لاءِ سي ايس ايس اسپريٽر روبي لاءِ سي ايس ايس ايس پروپيٽ اسڪرپٽ فوٽوشاپ لاءِ اسپراٽ پيڊ, اسپراٽ رائيٽ, اسپراٽ ڪائو, زيرو اسڪرپٽ, پروجيڪٽ فونڊو جي سي ايس ايس سپراٽ جنريٽر, اسپراٽ ماسٽر ويب، ۽ اسپراٽ ايم ڪتاب ڏياراڻي.

اسڪرين شاٽ جو اسپراٽ ماسٽر ويب:
اسپريمر ماسٽر ويب

Martech Zone ان جي موضوعن کي پس منظر واري تصوير کي استعمال نه ڪيو آھي ، تنھنڪري اسان کي ھن وقت ھي ٽيڪنالاجي استعمال ڪرڻ جي ضرورت ناھي.

2 تبصرا

  1. 1

    رکو ... کیا پورا مجموعہ ایک "تصویر" (يا "جهاز") نه آهي ۽ هر ذيلي تصوير (يا متحرڪ يا متحرڪ طور تبديل ٿيندڙ صورتن جي صورت ۾ تصويرن جو ذيلي گروپ) هڪ "سپرائيٽ"؟

    شايد شين جي نالي کي نئين وقت کان تبديل ڪيو ويو آهي جڏهن مون هن قسم کي هٿ ڪيو پر مون قسم کنيو آهي اسپريٽ اهو عنصر هو جيڪو ختم ٿي ڏيکاريو ويو نه ئي ، وڏي ڊيٽا ٽيبل تان اهو ڪ wasيو ويو.

    (“اسپرٽ ٽيبل”… ڇا اهو نه هو؟)

    • 2

      اسان شايد ٻه مختلف ڳالهيون ڳالهائي رهيا آهيون ، مارڪ. سي ايس ايس سان ، توهان بنيادي طور تي اهو anاڻائي سگھو ٿا ته هڪ تصويري فائل جو ڪهڙو حصو 'ڊسپلي استعمال ڪندي استعمال ڪيو ويو آهي. هي توهان کي توهان جي سموري تصويرون هڪ واحد ’اسپروٽ‘ ۾ رکڻ جي اجازت ڏي ٿو ۽ پوءِ صرف ان علائقي ڏانهن اشارو ڪيو وڃي جنهن کي توهان سي ايس ايس سان ظاهر ڪرڻ چاهيو ٿا.

توهان ڇا ٿا سوچيو؟

هي سائيٽ اسپام کي گهٽائڻ لاء اکزمٽ استعمال ڪري ٿو. سکو ته توهان جي تجويز ڪيل ڊيٽا کي ڪيئن عمل ڪيو وڃي.