Суръат бахшидани сайти шумо бо CSS Sprites

веб спритемастер

Ман дар бораи суръати саҳифа дар ин сайт каме менависам ва ин як қисми муҳими таҳлил ва такмил додани мо дар сайтҳои муштариён мебошад. Ғайр аз гузаштан ба серверҳои пурқувват ва истифодаи асбобҳо, ба монанди Шабакаҳои расонидани мундариҷа, як қатор усулҳои дигари барномасозии миёнаи веб таҳиякунанда вуҷуд дорад.

Ҳоло стандарт барои Лавҳаи аслии Cascading Style аз 15 сола боло аст. CSS таҳаввулоти муҳим дар рушди веб буд, зеро он мундариҷаро аз тарҳ ҷудо кард. Ба ин блог ва ҳама чизи дигар нигоҳ кунед ва аксарияти фарқияти услуб танҳо дар ҷадвали замимашуда аст. Ҷадвалҳои услубӣ инчунин муҳиманд, зеро онҳо дар дохили браузери шумо дар кэш нигоҳ дошта мешаванд. Дар натиҷа, вақте ки одамон ба сайти шумо ташриф меоранд, онҳо ҳар дафъа сабки сабкро зеркашӣ намекунанд ... танҳо мундариҷаи саҳифаро.

Як унсури CSS, ки одатан кам истифода мешавад CSS Sprites. Вақте ки корбар ба вебсайти шумо ворид мешавад, шумо шояд дарк накунед, ки онҳо танҳо барои як саҳифа як дархост намекунанд. Онҳо дархостҳои сершумор кунед… Дархост барои саҳифа, ҳар гуна ҷадвалҳои услуб, барои ҳама файлҳои замимашудаи JavaScript ва сипас ҳар як тасвир. Агар шумо мавзӯъе дошта бошед, ки дорои силсилаи тасвирҳо барои марзҳо, панелҳои навигатсия, заминаҳо, тугмаҳо ва ғайра бошад ... браузер бояд ҳар яке аз онҳоро дар як вақт аз веб-сервери худ талаб кунад. Инро ба ҳазорҳо меҳмон афзоиш диҳед ва ин метавонад даҳҳо ҳазор дархостҳо ба сервери шумо бошад!

Ин, дар навбати худ, суръати сайти шуморо суст мекунад. A Сомонаи суст метавонад ба муошират ва табдили онҳо таъсири назаррас расонад ки шунавандагони шумо месозанд. Стратегияе, ки веб-таҳиягарони олӣ истифода мебаранд, ин ҳама тасвирҳоро ба файли ягона гузоштан аст ... номида мешавад sprite. Ба ҷои он ки барои ҳар як тасвири файли худ дархост диҳед, акнун танҳо як дархости ягона тасвири sprite лозим аст!

Шумо метавонед дар бораи хонда чӣ гуна CSS Sprites дар CSS-Tricks кор мекунад or Smashing Magazine's CSS Sprite почта. Мақсади ман аз он иборат аст, ки шумо истифодаи онҳоро нишон надиҳед, танҳо ба шумо маслиҳат диҳед, ки дастаи рушддиҳандаатонро ба сайт ворид кунад. Мисоле, ки CSS Tricks пешниҳод мекунад, 10 тасвирро нишон медиҳад, ки 10 дархост мебошанд ва то 20.5Kb илова мекунанд. Вақте ки дар як sprite ягона ҷамъ, он 1 дархост, ки 13kb аст! Ҳоло дархости рафтуомади дуҷониба ва вокуниш ба 9 тасвир аз байн рафтааст ва ҳаҷми маълумот беш аз 30% коҳиш ёфтааст. Инро ба шумораи меҳмонон дар сайти худ афзоиш диҳед ва шумо воқеан баъзе захираҳоро сарфи назар мекунед!

глобалнавДар себ лавҳаи новбари намунаи олиест. Ҳар як тугма якчанд ҳолат дорад ... новобаста аз он ки шумо дар саҳифа ҳастед, берун аз саҳифа ҳастед ё мушро болои тугма мегузаронед. CSS координатҳои тугмаро муайян мекунад ва минтақаи ҳолати дурустро ба браузери корбарон пешниҳод мекунад. Ҳамаи ин ҳолатҳо дар якҷоягӣ бо як графика хароб карда шудаанд - аммо минтақа ба минтақа тавре нишон дода шудааст, ки дар ҷадвали услуб нишон дода шудааст.

Агар таҳиягарони шумо асбобҳоро дӯст доранд, дар он ҷо як тонна мавҷуданд, ки метавонанд ба онҳо кӯмак кунанд, аз ҷумла Чорчӯбаи қутбнамои CSS, Коҳиш барои ASP.NET, CSS-Spriter барои Руби, Скрипти CSSSprite барои Photoshop, SpritePad, SpriteRight, SpriteCow, ZeroSprites, Генератори CSS Sprite лоиҳаи Fondue, Sprite Master WebВа SpriteMe Bookmarklet.

Суратгир Sprite Master Web:
веб спритемастер

Martech Zone тасаввуроти заминаро дар тамоми мавзӯи худ истифода намебарад, аз ин рӯ, мо набояд ин техникаро дар айни замон истифода барем.

2 Комментарии

  1. 1

    Интизор шавед ... магар тамоми коллексия "тасвир" (ё "ҳавопаймо") ва ҳар зерсурат (ё зергурӯҳи тасвирҳо дар ҳолати аниматсионӣ ё интерактивӣ тағирёбанда) "спрайт" нест?

    Шояд чизҳо аз замони охирини кор бо ин гуна чизҳо иваз карда шуда бошанд, аммо ман қасам хӯрдам, ки Sprite унсуре буд, ки намоиш дода мешуд, на ин ки ҷадвали иттилооти калонро кашида гирифт.

    ("Ҷадвали Sprite" ... ҳамин тавр набуд?)

    • 2

      Мо шояд ду чизи дигарро гӯем, Марк. Бо CSS, шумо метавонед асосан муайян кунед, ки кадом 'қисмати' файли тасвирро бо истифода аз координатҳо намоиш диҳед. Ин ба шумо имкон медиҳад, ки ҳамаи тасвирҳои худро ба як "спрайт" гузоред ва пас танҳо ба минтақае, ки мехоҳед бо CSS намоиш диҳед, ишора кунед.

Ту чӣ фикр мекунӣ?

Ин сомона ба воситаи Akismet барои кам кардани спам истифода мешавад. Омӯзед, ки чӣ тавр маълумотҳои худро тафтиш кунед.