Действительно ли хорошо использовать JQuery темы UI в большом веб-сайте интенсивного трафика?
Действительно ли это - хороший способ использовать JQuery темы UI при реализации веб-сайта интенсивного трафика. Действительно ли легко отредактировать и настроить немного на основе моих потребностей веб-сайта? Это имеет какие-либо известные проблемы? хочу услышать Ваши идеи об этом, и это безопасный использовать или лучше для записи всего моего CSS с нуля.
Обратите внимание, что я проверил темы там и нашел там хорошим и некоторые из них после того, как некоторые редактирования будут соответствовать дизайну, который мы имеем.
7 ответов
Я не совсем понимаю, о чем вы беспокоитесь, но думаю, это прояснит, что JQuery UI делает и не делает для вас.
"Ready for prime-time?"
Да. Темы JQuery UI существуют уже давно, и у них нет никаких кричащих проблем, которые могли бы разрушить проект. Есть некоторые известные проблемы, в основном с продвинутым CSS3. Например: Все браузеры, кроме IE6, имеют поддержку закругленных углов в CSS3. Темы JQuery UI используют эту возможность. Если вы хотите закругленные углы в IE, вам придется приобрести дополнительный плагин, который работает вокруг этого специально для IE. Это достаточно просто.
Ненавязчивость тем JQuery легко обеспечивается, потому что темы остаются отдельно от большинства проблем дизайна вашего сайта. Классы, реализованные в темах пользовательского интерфейса, означают что-то вроде "вот как выглядит активная вещь". Изменения, которые вы вносите в такие общие концепции, как правило, невелики ("на 3 оттенка розового светлее, чем раньше") и обычно не сильно меняют размеры ("добавить немного дополнительной подложки к активным вещам"). Кроме того, для всего этого вы можете использовать Themeroller.
Использование тем JQuery
У хороших ребят из Filament Group есть хорошая статья о том, как стилизовать вещи, используя темы JQuery UI. Я не думаю, что смогу много добавить к их описанию, разве что отмечу, что они используют как садовую тему JQuery так и свой собственный CSS. Это все о разделении темы и макета.
Темы против дизайна сайта
Очень важно помнить, что темы - это не макеты. Между ними существует огромная разница. Темы JQuery делают хорошую работу, оставаясь по одну сторону этого забора, и по этой причине являются нетоксичными, легко заменяемыми дополнениями к сайту. Рассмотрим:
Макеты довольно сложны, и включают стилистические решения, которые нетривиальны и зависят от конкретного сайта. Примеры вопросов дизайна включают:
- Куда поставить эту кнопку?
- Какого размера должны быть кнопки меню?
- Должна ли эта таблица быть отцентрирована?
- Какой размер шрифта я хочу видеть в кнопках меню?
По сути, вы всегда пишете свой собственный дизайн. Если вы взяли готовый, то вы либо планируете сильно его модифицировать, либо создаете очень шаблонный сайт.
Темы, такие как темы JQuery, придают общий вид и ощущение вашему макету. Их можно самостоятельно менять местами, добавлять позже и т.д. Темы - это, в некотором роде, разница между 1) хорошим интерфейсом или 2) хорошим интерфейсом, который также является привлекательным и последовательным. Вопросы по темам включают:
- Как обычно выглядит кликабельная кнопка? Как насчет отключенной кнопки?
- Какого цвета вообще все?
- Насколько круглыми должны быть углы коробки?
- Каков общий размер и цвет шрифта?
Итак, посмотрев тему на одном сайте, вы, вероятно, сможете взять ту же тему и применить ее к своему собственному уникальному дизайну сайта с небольшими отличиями. Они должны быть совершенно незначительными.
Знаете ли вы о Googles CDN (сеть доставки контента)?
См. Этот пост , чтобы узнать, почему для вас - хорошая идея использовать Google для размещения jQuery. В основном вы получаете уменьшение задержки, увеличение параллелизма и лучшее кеширование
См. Этот пост , чтобы узнать, как связать темы пользовательского интерфейса jquery с помощью CDN
Я использовал эту технику и не обнаружил никаких проблем . Что касается проблем, с которыми я никогда не сталкивался. Я хотел бы сам узнать, есть ли какие-нибудь печально известные проблемы.
ИЗМЕНИТЬ Если вопрос: «Насколько легко редактировать CSS?», То ответ будет немного более запутанным. Темы пользовательского интерфейса очень всеобъемлющие, и, как сказал Марк, если вы хотите только некоторые из них, то разверните свои собственные, если хотите. то, что вы видите, затем используйте все это через CDN, однако вы намекнули, что хотите немного подправить его ...
Настоящий ответ заключается не только в том, что вы хотите от тем, но и в том, насколько вы хороши в CSS? У моей команды дизайнеров нет проблем с темами пользовательского интерфейса css.
Пользовательский интерфейс jQuery наверняка тяжелее, чем ядро jQuery, тяжелые ли темы ? Не больше, чем любой другой CSS. Да, вы можете настроить их , используйте для этого инструмент ThemeRoller .
Если вы собираетесь использовать большинство стилей или библиотеку пользовательского интерфейса jQuery , то вам лучше использовать их CSS, если вы планируете использовать небольшую часть, используйте собственный , так как остальное - это просто бесполезная полезная нагрузка, доставляемая каждому посетителю.
В качестве примечания: если вас устраивает одна из тем по умолчанию, они доступны в Google CDN , но похоже, что вы хотите немного настроить, поэтому не уверены, что она применима здесь. ... если трафик важен, есть вариант.
Небольшое количество JQuery совершенно нормально. Но слишком большой трафик вызовет проблемы с загрузкой страницы, поскольку она может быть немного медленной. Лучше писать CSS с нуля, потому что он будет очень хорошо адаптирован для вашего сайта, и вам не нужно вписывать свой сайт в что-то еще.
Есть два фактора, которые ответят на этот вопрос.
1) Насколько большой большой? Или, другими словами, сколько пользователей будут активно просматривать одновременно, и будет ли много взаимодействия, или просто страница типа «сиди и жди»?
2) Будет ли она предназначена для уменьшения количества запросов в секунду? По сути, если каждый щелчок требует вызова ajax, который попадет на ваш сервер, сервер может выйти из строя. Но если вы предварительно загрузите много, проблема будет в пропускной способности, а не в ресурсах на сервере.
В общем, если веб-сайт будет действительно огромным, вы, вероятно, захотите заглянуть в Google CDN и тому подобное, чтобы не иметь с ним дела. Если он не будет таким большим, вам нужно определить, где находится следующее узкое место. Если это узкое место в полосе пропускания, частая передача jQuery повредит, в противном случае - вызовы ajax.
Ваша цель - свести к минимуму объем работы сервера и передать его клиенту. Поэтому проектируйте его так, чтобы пропускная способность не была узким местом, а ваш сервер работал с клиентами только тогда, когда это необходимо.
Я рискну и скажу: нет. Не используйте это.
Во-первых, жирновато. Итак, если вам не нужны все функциональные возможности, которые предлагает jQuery UI, вам лучше использовать меньшую библиотеку, например jQuery Tools . Даже Джон Ресиг (или его двойник) предлагает это в этой публикации . Его комментарий:
Просто для уточнения одного упомянутого пункта выше и на веб-сайте: «The Размер файла [jQuery Tools] составляет всего 2,5 КБ, когда минифицированный. Сравните это с jQuery Библиотека пользовательского интерфейса, в которой вам понадобится 130 КБ минифицированного кода для получения вкладок и аккордеоны рабочие.
Во-вторых, если ваш сайт действительно большой, вам понадобится больше гибкости. Любая настройка пользовательского интерфейса jQuery - помимо использования шаблонов ThemeRoller - может стать некрасивой. Если вы хотите, чтобы ваш дизайн был специфичным для вашего сайта, и если вы хотите сохранить детальный контроль над элементами дизайна на своем сайте, вам лучше отказаться от шаблонов пользовательского интерфейса.
В-третьих, я лично не думаю, что для разработки элементов страницы следует использовать библиотеку javascript. Или, по крайней мере, его следует использовать для разработки как можно меньшего количества элементов. Стилизация с помощью javascript может вызывать некоторые странные поведения, такие как задержка между загрузкой страницы и ее стилем (как описано здесь ). Кроме того, пользователям, у которых отключены сценарии (что составляет от одного до трех веб-пользователей), наверняка не понравится посещение вашего веб-сайта.
Я бы разместил это как комментарий, но пока не могу...
Я использовал jQuery довольно широко в различных средах, и все вещи рассмотрены, это один из лучших аспектов производительности сайтов, в которых я использовал его. Я бы отнес свой опыт к сайтам со средней и высокой посещаемостью. Элементы управления редактированием HTML, такие как fckEditor или TinyMCE, постоянно имели большее время загрузки, чем большинство компонентов jQueryUI, которые я использовал.
Я полностью согласен с комментариями об использовании CDN, но некоторые из этих плакатов правы в отношении опции ThemeRoller. Это устранит вашу возможность использовать CDN для jQueryUI из коробки, ThemeRoller создает уникальный пакет для загрузки, включая CSS. Если вы пойдете по этому пути, выберите хороший минимизатор/сжимающий метод для вашего содержимого javascript, и это также поможет...