ستاسو سایټ د سی ایس ایس سپریټونو سره ګړندی کول

سپرایټ ماسټر ویب

زه پدې پا siteه کې د پا speedې سرعت خورا لږ څه لیکم او دا د تحلیلونو او پرمختګونو یوه مهمه برخه ده چې موږ زموږ د پیرودونکو سایټونو ته کوو. د ځواکمن سرورونو ته د تګ او د وسایلو لکه کارولو څخه علاوه د مینځپانګې رسولو شبکې، دلته یو شمیر نور برنامه تخنیکونه شتون لري چې اوسط ویب پراختیا کونکي یې کارولی شي.

د اصلي کاسکیډینګ سټایل پاetې لپاره معیار اوس د 15 کلونو څخه ډیر عمر لري. CSS د ویب پرمختیا کې مهم ارتقاء و ځکه چې دا مینځپانګې له ډیزاین څخه جلا کوي. دې بلاګ او کوم بل ته وګورئ او د سټایلینګ اکثریت ساده په سټایل شوي سټایل شیټ کې دی. سټایل شیټونه هم مهم دي ځکه چې دا ستاسو د براوزر کې دننه په زیرمه کې زیرمه شوي. د پایلې په توګه ، لکه څنګه چې خلک ستاسو سایټ ته مراجعه کوي ، دوی هر ځل د سټایل شیټ ډاونلوډ نه کوي ... یوازې د پا contentې مینځپانګه.

د CSS یو عنصر چې اکثرا یې لږ کارول کیږي د CSS سپریټس. کله چې یو کاروونکی ستاسو ویب پا visitsه ته مراجعه وکړي ، تاسو ممکن پوه نشئ چې دوی د پا forې لپاره یوازې یوه غوښتنه نه کوي. دوی ګ requests غوښتنې وکړئ... د پا forې لپاره غوښتنه ، د هر ډول سټایل شیټونو لپاره ، د ضمیمه شوې جاواسکریپټ فایلونو لپاره ، او بیا هر عکس. که تاسو داسې موضوع لرئ چې د سرحدونو ، نیویګریشن بارونو ، شالیدونو ، بټنونو ، او نورو لپاره د عکسونو لړۍ لرئ ... براوزر باید هر یو غوښتنه وکړي ، یوځل یو ځل ستاسو د ویب سرور څخه. ضرب کړئ چې د زرګونو لیدونکو لخوا او دا ستاسو سرور ته لسګونه زره غوښتنې کیدی شي!

دا ، په بدل کې ، ستاسو سایټ ورو کوي. الف ورو سایټ کولی شي په ښکیلتیا او خبرو اترو کې ډراماتیک اغیزه ولري چې ستاسو لیدونکي جوړوي. یوه تګلاره چې لوی ویب پرمختیا کونکي کاروي هغه ټول عکسونه په یوه فایل کې اچوي ... نومیږي سپریټ. د خپل هر فایل عکس لپاره غوښتنه کولو پرځای ، اوس یوازې د واحد سپرائټ عکس لپاره یوه غوښتنه شتون ته اړتیا لري!

تاسو کولی شئ په اړه یې ولولئ CSS CSS څرنګوالی په CSS - چالونو کې کار کوي or د مجلې د سی ایس ایس سپریټ ماتول پوسټ زما مسله تاسو ته دا نه ښیې چې څنګه یې وکاروئ ، یوازې تاسو ته مشوره درکوي ترڅو ډاډ ترلاسه کړئ چې ستاسو پراختیایی ټیم دوی سایټ کې شاملوي. مثال چې د سی ایس ایس ترکیبونه چمتو کوي 10 عکسونه ښیې چې 10 غوښتنې دي او تر 20.5Kb پورې اضافه کوي. کله چې په یو سپریټ کې راټول شوي ، دا دی 1 غوښتنه چې 13kb دی! د 9 عکسونو لپاره د ګرد سفر غوښتنه او ځواب وختونه اوس ورک شوي او د معلوماتو مقدار له 30٪ څخه ډیر کم شوی. ضرب کړئ چې ستاسو په سایټ کې د لیدونکو شمیر سره او تاسو واقعیا یو څه سرچینې وتړئ!

نړیوالد مڼه د نیویګیشن بار عالي مثال دی. هر ت buttonۍ یو څو حالتونه لري ... که تاسو په پا onه کې یاست ، د پا offې څخه لرې ، یا د ت buttonۍ کنګل کول. CSS د ت buttonۍ کوارډیناتونه ټاکي او د سم حالت حالت سیمه کاروونکو ته وړاندې کوي. دا ټول ایالتونه په یو ګرافیک کې سره یوځای شوي - مګر د سیمې په ب regionه ښودل شوي لکه څنګه چې سټایل شیټ کې مشخص شوي.

که ستاسو پراختیا کونکي وسیلې خوښوي ، دلته یو ټن شتون لري چې کولی شي له دوی سره مرسته وکړي ، پشمول د د سی ایس ایس چوکاټ, غوښتنه د ASP.NET لپاره ، CSS-Spriter د روبي لپاره ، د CSSSprite سکریپټ د فوتوشاپ لپاره ، سپریټ پیډ, سپریټرایټ, سپریټکو, صفر سپریټونه, د پروژې Fondue د سی ایس ایس سپریټ جنریټر, سپرایټ ماسټر ویب، او د سپریټیم کتاب نښه.

د سپرایټ ماسټر ویب:
سپرایټ ماسټر ویب

Martech Zone د دې موضوع په اوږدو کې د شالید انځور نه کاروي ، نو موږ به دا مهال دا تخنیک ځای په ځای نه کړو.

2 ها

  1. 1

    انتظار وکړئ ... ایا ټول مجموعه "عکس" (یا "الوتکه") نه ده ، او هر فرعي عکس (یا د متحرک یا متقابل بدلیدونکي حالت په حالت کې د عکسونو فرعي ګروپ) یو "سپریټ" دی؟

    شاید شیان د وروستي ځل راهیسې نومول شوي وي کله چې ما دا ډول شیان اداره کړل مګر ما کولی شو سپرایټ هغه عنصر و چې پای ته رسیدلی و ، نه د لوی معلوماتو جدول چې له هغې څخه ایستل شوی و.

    ("د سپرایټ میز" ... ایا دا نه و؟)

    • 2

      موږ ممکن دوه مختلف شیان خبرې وکړو ، مارک. د CSS سره ، تاسو اساسا کولی شئ مشخص کړئ چې د عکس فایل کومه 'برخه' د کار کولو همغږي ښودلو لپاره. دا تاسو ته اجازه درکوي چې خپل ټول عکسونه په یو واحد 'سپرایټ' کې واچوئ او بیا یوازې هغه ساحې ته ګوته ونیسئ چې تاسو یې غواړئ د CSS سره وښایئ.

ته څه فکر کوی؟

دا سایټ د سپیم کمولو لپاره Akismet کاروي. زده کړئ چې ستاسو د تبصرې ډاټا پراساس پروسس کیږي.