Хорошо ли использовать темы пользовательского интерфейса JQuery на веб-сайте с большим трафиком?

Question

Это хороший способ использовать темы пользовательского интерфейса JQuery при реализации сайта с высоким трафиком.Легко ли редактировать и настраивать в зависимости от потребностей моего сайта?Есть ли у него известные проблемы?хотите услышать ваши идеи по этому поводу и безопасно ли это использовать или лучше написать весь мой CSS с нуля.

Обратите внимание, что я проверил там темы и нашел там хорошие, а некоторые из них после некоторых правок подойдутдизайн у нас.

Answer 1

Я не совсем уверен, что вы беспокоитесь, но я думаю, что это прояснит, что JQuery UI делает и не делает для вас.

"Готов к прайм-тайм?"

Да.Темы пользовательского интерфейса JQuery существуют уже давно и не имеют проблем с криком "к поверхности, чтобы разрушить проект".Есть некоторые известные проблемы, в основном с продвинутыми проблемами CSS3.Например: все браузеры, кроме IE6, поддерживают закругленные углы из CSS3.JQuery UI темы используют эту функцию.Если вы хотите, чтобы в IE были закругленные углы, вам понадобится дополнительный плагин, который работает именно для IE, в частности.Это достаточно просто.

Ненавязчивость тем JQuery легко гарантируется, поскольку темы остаются отделенными от большинства проблем дизайна вашего сайта.Классы, реализованные в темах пользовательского интерфейса, означают что-то вроде «вот как выглядит active ».Твики, которые вы вносите в такие общие понятия, обычно бывают небольшими («3 оттенка розового цвета светлее, чем раньше») и обычно не сильно меняют размеры («добавьте немного дополнительных отступов к активным вещам»).Кроме того, чтобы сделать все это, вы можете использовать Themeroller .

Использование тем JQuery

У хороших людей из Filament Group есть хорошая статья о том, как стилизовать вещи, используя темы JQuery UI.Я не думаю, что смогу что-то добавить к их прохождению, за исключением того, чтобы указать, что они используют и тему JQuery разнообразных садов и их собственный макет CSS.Это все о разделении темы и макета.

Темы и дизайн сайта

Очень важно помнить, что темы не являются макетами. Существует огромныйРазница между ними.Темы JQuery отлично справляются с работой, оставаясь на одной стороне этого забора, и благодаря этому являются нетоксичными, легко заменяемыми дополнениями к веб-сайту.Обратите внимание:

Макеты довольно сложны и включают стилистические решения, которые нетривиальны и специфичны для конкретного сайта.Примеры вопросов дизайна:

• Куда идет эта кнопка?
• Насколько большими должны быть кнопки меню?
• Должна ли эта таблица центрироваться?
• Какой размер шрифта мне нужен для кнопок меню?

По сути, вы всегда пишете свой собственный дизайн.Если вы взяли один с полки, вы либо планируете его сильно изменить, либо создаете очень крутой веб-сайт.

Темы , такие как темы JQuery.Придайте вашему макету общего вида и ощущения .Их можно независимо поменять местами, добавить позже или как угодно.На каком-то уровне темы представляют собой разницу между 1) хорошим интерфейсом или 2) хорошим интерфейсом, который также является привлекательным и последовательным.Тематические вопросы включают в себя:

• Как обычно выглядит кнопка clickable ?А как насчет отключенной кнопки?
• Какого цвета все в целом?
• Каким должен быть округленный угол в целом?
• Что такоеобщий размер и цвет шрифта?

Итак, когда вы посмотрите на тему на одном сайте, вы, вероятно, можете взять ту же тему и применить ее к своему уникальному дизайну сайта с небольшими отличиями.Они должны быть абсолютно мягкими.

Answer 2

Знаете ли вы о Googles CDN (сеть доставки контента)?

Посмотрите эту запись , чтобы узнать, почему стоит использовать Google для размещения jQuery для вас. В основном вы получаете уменьшенную задержку, увеличенный параллелизм и лучшее кэширование

Посмотрите эту запись , чтобы узнать, как сделать ссылку на темы jquery ui, используя CDN

Я использовал эту технику и не нашел никаких проблем. Что касается проблем, с которыми я никогда не сталкивался. Я хотел бы знать себя, если есть какие-либо infamous проблемы.

EDIT Если вопрос «Насколько легко редактировать CSS?», То ответ немного более замысловатый. Темы пользовательского интерфейса очень всеобъемлющие, и, как сказал Марк, если вы хотите только часть из них, то разверните свою собственную, если хотите. то, что вы видите, затем используйте все это через CDN, однако вы намекнули, что хотите немного его настроить ...

Реальный ответ заключается не только в том, что вы хотите от тем, но насколько вы хороши в CSS? У моей команды разработчиков нет проблем с темами пользовательского интерфейса css.

Answer 3

Пользовательский интерфейс jQuery тяжелее ядра jQuery, действительно ли тяжелы темы ?Не более, чем любой другой CSS на самом деле.Да, вы можете настроить их, использовать инструмент ThemeRoller для этого .

Если вы собираетесь использовать большинство стилей или библиотеку jQuery UI , тогда выВам лучше использовать их CSS, если вы планируете использовать небольшую их часть, сверните свои собственные, так как остальная часть - просто напрасная полезная нагрузка, доставляемая каждому посетителю.

В качестве примечания: если вы счастливыс одной из тем по умолчанию, , они доступны в Google CDN , но звучит так, как будто вы хотите немного подправить, поэтому не уверены, что это применимо здесь ... хотя трафик, тем не менее, есть, естьопция.

Answer 4

Я собираюсь выйти на конечности и сказать: нет.Не используйте его.

Во-первых, он немного жирный.Так что, если вам не нужны все функции, которые предлагает пользовательский интерфейс jQuery, лучше использовать меньшую библиотеку, например jQuery Tools .Даже Джон Резиг (или его двойник) предлагает это в этом посте .Его комментарий:

Просто чтобы уточнить один пункт, упомянутый выше, и на веб-сайте: «Файл [jQuery Tools] составляет всего 2,5 Кбайт при минимизации.Сравните это с библиотекой пользовательского интерфейса jQuery, где для работы вкладок и аккордеонов потребуется 130 КБ минимизированного кода.

Во-вторых, если ваш сайт действительно большой, вам потребуется больше гибкости.,Любая настройка пользовательского интерфейса jQuery - за исключением использования шаблонного ThemeRoller - может быть ужасной.Если вы хотите, чтобы ваш дизайн был специфичным для вашего сайта, и если вы хотите сохранить детальный контроль над элементами дизайна на вашем сайте, вам лучше отказаться от шаблонов пользовательского интерфейса.

В-третьих, я лично неНе думаю, что библиотека Javascript должна использоваться для разработки элементов страницы.Или, по крайней мере, его следует использовать для разработки как можно меньшего числа элементов.Стилизация с использованием javascript может вызывать некоторые странные ситуации, такие как задержка между загрузкой страницы и стилизацией страницы (как объяснено здесь ).Кроме того, пользователям, у которых отключены скрипты (которые варьируются от один до трех процентов пользователей сети), несомненно, не понравится посещение вашего сайта.

Answer 5

Есть два фактора, которые ответят на этот вопрос.

1) Насколько большой большой? Или, другими словами, сколько пользователей будут одновременно активно просматривать страницы и много ли у них взаимодействия, или просто страница типа «сидеть и ждать»?

2) Будет ли он уменьшать количество запросов в секунду? По сути, если каждый щелчок требует вызова ajax, который ударит по вашему серверу, сервер может прогнуться. Но если вы предварительно загрузите много, проблема будет в пропускной способности, а не в ресурсах на сервере.

Так что, в принципе, если веб-сайт будет действительно огромным, вы, вероятно, захотите заглянуть в Google CDN и прочее, чтобы избежать необходимости заниматься им с вашей стороны. Если он не будет таким большим, тогда вы должны определить, где находится следующее узкое место. Если это узкое место в полосе пропускания, передача jQuery сильно повредит, в противном случае это вызовы ajax.

Ваша цель - минимизировать объем работы сервера и передать его клиенту. Поэтому спроектируйте его так, чтобы пропускная способность не была узким местом, и ваш сервер взаимодействует с клиентами только при необходимости.

Answer 6

Небольшое количество JQuery абсолютно нормально. Но слишком большой трафик может вызвать проблемы при загрузке страницы, так как он может быть немного медленным. Лучше писать CSS с нуля, потому что он будет очень хорошо настроен для вашего сайта, и вам не нужно встраивать свой сайт во что-то другое.

Answer 7

Я бы опубликовал это комментарий, но пока не могу ...

Я довольно широко использовал jQuery в различных средах, и, учитывая все обстоятельства, это один из наиболее эффективных аспектовсайты, на которых я его использовал. Я считаю, что мой опыт связан с сайтами со средним и высоким трафиком.Элементы управления редактированием HTML, такие как fckEditor или TinyMCE, имеют более длительное время загрузки, чем большинство компонентов jQueryUI, которые я использовал.

Я полностью согласен с комментариями об использовании CDN, но некоторые из этих постеров верны в отношении опции ThemeRoller.Это исключит вашу возможность использовать готовые CDN-файлы jQueryUI. ThemeRoller создаст уникальный пакет для загрузки, включая CSS.Если вы пойдете по этому пути, выберите хороший метод минимизации / сжатия для вашего контента javascript, и это тоже поможет.