Нагрузка сцягі з CSS спрайт

[tavenger5]

Я эксперыментаваў з спрайт CSS апошні час, і выявілі, што яна можа скараціць сервер выклікае значна. З імі ўсё сцягі могуць быць загружаны адначасова, а не адзін за адным. Гэта дазволіла б эфектыўна ліквідаваць 52 зваротаў да сервера. На жаль, няма просты спосаб пераўтварэння сцягі ў спрайт з IMG тэгі дынамічна пабудаваны ў кодзе.

Там нейкая інфармацыя тут: Стварэнне просты і карысны CSS Sprites | CSS Globe (http://cssglobe.com/post/3028/creating-easy-and-useful-css-sprites)

CSS Sprites генератара (http://csssprites.com/)

Выбачайце за ўсе прапановы, у апошні час:)

Праўка - Я думаю, я знайшоў спосаб зрабіць гэта. Назва спрайт проста павінен адпавядаць імя сцяга / мовы. Некаторыя рэдагаванне "vbenterprisetranslator_flag" павінен працаваць.

Дык гэта будзе выглядаць прыкладна так: (гл. змены ў IMG SRC)


<a rel="novbseo" href="$url" <if condition="$code==$vbulletin->options['vbenterprisetranslator_forumlanguage']">onclick="document.cookie = 'vbet_language=; expires=Thu, 01-Jan-1970 00:00:01 GMT; path=/'; return true;"</if>><img class="sprite $code" src="/clear.gif" alt="$name" <if condition="$vbulletin->options['vbenterprisetranslator_flags_noborder'] && !$highlight">border="0"</if><if condition="$highlight">border="1" style="border-color: yellow"</if>/></a>

[vBET]

Мы будзем глядзець бліжэй на гэтую ідэю:) На дадзены момант у нас ёсць, каб даведацца пра CSS спрайт і гэта сапраўды можа палепшыць прадукцыйнасць (браўзэры кэшавання малюнкаў у любым выпадку). Запыт пакласці пад увагу:)

[tavenger5]

Дарэчы, вось што я проста выкарыстаў для яго рэалізацыі (я не выкарыстаю ўсе 52, а 13 найбольш часта)

Змена vbenterprisetranslator_flag вышэй (спрайт можа быць пераназваны што заўгодна, - я выкарыстаў "сцягі")

Гэта фатаграфія:
http://files.cellphoneforums.net/images/flags.png

Гэта дадало да дадатковых CSS:


.sprite {background:url(/images/flags.png); width: 16px; height: 11px;}

.ar {background-position: -0px -0px;}
.zh-CN {background-position: -17px -0px;}
.en {background-position: -34px -0px;}
.fr {background-position: -51px -0px;}
.de {background-position: -68px -0px;}
.it {background-position: -85px -0px;}
.ja {background-position: -102px -0px;}
.ko {background-position: -119px -0px;}
.pl {background-position: -136px -0px;}
.pt {background-position: -153px -0px;}
**** {background-position: -170px -0px;}
.es {background-position: -187px -0px;}
.nl {background-position: -204px -0px;}

[vBET]

Як я разумею падсвятленне актыўны мова больш не будзе працаваць?

Мы будзем глядзець на блізкіх, што:)

[tavenger5]

актыўны мову па-ранейшаму падкрэслівае - які выкарыстоўвае стыль, у якім спрайт выкарыстоўваць клас

[vBET]

Ніца:) Мы канчаткова будзе праверыць. Так ці інакш - спачатку мы павінны шмат працаваць з якія рухаюцца павышэнне прадукцыйнасці ад vBET4.x да vBET3.x які здаецца больш важным цяпер. Але быць спакойныя - у нас ёсць ваш запыт у спісе TODO:)

[Snake]

У мяне ёсць гэтая паў-працоўная, але ўсе мае вобразы такія ж, першы сцяг, у спрайт.

[vBET]

Гатова. Будзе падтрымлівацца ў наступнай версіі - для ўсіх месцаў, дзе сцягі выкарыстоўваюцца:)