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

[tavenger5]

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

Там нейкая інфармацыя тут: Стварэнне просты і карысны CSS Sprites | CSS глобус

CSS Sprites генератар

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

Праўка - Я думаю, я знайшоў спосаб зрабіць гэта. Назва спрайт проста павінен адпавядаць імя сцяга / мовы. Некаторыя рэдагаванне "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 вышэй (спрайт можа быць пераназваны што заўгодна, - я выкарыстаў "сцягі")

Гэта фатаграфія:


Гэта дадало да дадатковых 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]

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