Как я могу эффективно использовать Jquery?и можно ли смешивать библиотеки / плагины на одной веб-странице?

Question

Существует множество плагинов и библиотек Jquery.и иногда я хочу использовать более одного на одной веб-странице.

Каков наилучший подход к их использованию без ущерба для скорости и производительности веб-сайта?

• Является ли этолучше всего придерживаться 1 библиотеки или я могу смешать более 1 библиотеки и более 1 плагина?
• Должен ли я собрать их в 1 файл Jquery?или держать их отдельно?
• Как я могу узнать, что я использую слишком много Jquery?Когда это становится слишком много?
• Есть ли инструмент, который я могу измерить, насколько он эффективен или быстр?

Например, я хочу добавить слайд-шоу изображений, вкладки, горизонтальный слайдер, цвет и анимация положения ... Как выбрать каждый из них?с множеством удивительных вещей!

Answer 1

Лучше всего придерживаться 1 библиотеки или я могу смешать более 1 библиотеки и более 1 плагина?

Можно смешивать несколько библиотек и / или плагинов. Некоторые библиотеки дополняют друг друга, такие как jQuery и подчеркивание. Старайтесь не использовать jQuery, Dojo и MooTools вместе. При этом я работаю в компании, команды которой создают разные компоненты с разными фреймворками (jQuery и Dojo), которые объединяются на одном веб-сайте. Эти компоненты даже работают вместе для обеспечения общего пользовательского опыта. Я бы не стал делать это сам:)

Должен ли я собрать их в 1 файл Jquery? или держать их отдельно?

Во время разработки держите их отдельно для простоты отладки. Когда вы будете готовы к развертыванию, обязательно используйте свернутые версии файлов. Большинство библиотек и плагинов предлагают файлы .min.js. Если нет, то есть утилиты, которые сделают это за вас. В качестве другого шага вы можете использовать инструмент для объединения свернутых файлов для достижения максимальной производительности.

Как узнать, что я слишком много использую Jquery? Когда это становится слишком много?

Библиотека jQuery, хотя и не является стандартной, широко используется. Типы плагинов, которые вы упоминаете, также широко используются. Пока вы выбираете плагины с хорошей репутацией, все будет в порядке. Не пытайтесь найти плагин для всего, что вам нужно сделать. Javascript - это забавный язык, и он полезен для создания чего-либо самостоятельно (вкладки, слайд-шоу - легкое начало).

Есть ли инструмент, который я могу измерить, насколько он эффективен или быстр?

Вы можете использовать такой инструмент, как YSlow. Есть много инструментов, которые вы можете найти, чтобы помочь вам в этом.

Наконец, проведите небольшое исследование AMD и такой библиотеки, как require.js, в качестве следующего шага для повышения эффективности. Это не подходит для каждой ситуации, но приятно иметь в своем наборе инструментов.

Answer 2

Что ж, для эффективного построения вашей логики требуется меньше ресурсов. Что касается jQuery, я думаю, что первым шагом является избегание ссылок на DOM, но сохранение их в переменных, что на самом деле применимо к любой среде javascript.

Answer 3

"Как я могу узнать, когда я использую слишком много?" - с точки зрения UX, вы используете слишком много, когда основное внимание уделяется штуковинам, а не содержимому страницы. Я не обнаружил, что время загрузки страницы становится проблемой раньше, чем удобство использования страницы, поэтому я бы посоветовал сосредоточиться на фактическом удобстве использования страницы в качестве основной проблемы.

Для эффективности загружайте на страницу только то, что вам нужно на странице, если только вы не используете конкретный инструмент для большинства страниц (например, базовый jquery), в этом случае сделайте его загружаемым для каждой страницы. Затем посмотрите на производительность этих функций, которые загружаются специально для каждой страницы, и посмотрите, стоит ли снижение производительности этой функции. И следуйте всем обычным советам, чтобы улучшить их производительность.

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

Answer 4

Я бы предложил использовать CDN Google для пользовательского интерфейса jQuery / jQuery - они используются многими страницами и должны кэшироваться локально большинством клиентов.

Существует множество инструментовтам этот профиль работает / загрузка файлов .js - но для меня мой предпочтительный firebug

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

Я бы посоветовал вам знать, когда вы используете слишком много jQuery, когда нагрузка на вашу страницу страдает - так что это действительно зависит от каждого отдельного проекта.

^^ только мои мысли и мнения - я уверен, что другие будут отличаться