Поиск использования пользовательского интерфейса jQuery в большой уродливой базе кода
Недавно я унаследовал содержание большой, уродливой базы кода для веб-сайта.
Тыкаешь глаза безобразными. И хотя он большой, это в основном PHP-код, он не имеет большого количества JS, помимо нескольких "аяксии" в пользовательском интерфейсе.
Наша основная проблема заключается в том, что сайт слишком тяжелый. Домашняя страница весит в 1,6 Мб в настоящее время, поэтому я пытаюсь вычистить некоторые вещи.
Один из основных источников заключается в том, что каждая отдельная страница включает библиотеку пользовательского интерфейса jQuery, но я не думаю, что она вообще используется. Это определенно не используется на главной странице и на большинстве страниц, поэтому я хочу включить только там, где это необходимо.
Я не очень разбираюсь в jQuery, я больше парень-прототип, поэтому мне интересно. Есть ли что-нибудь, что я мог бы найти, чтобы сообщить, где используется пользовательский интерфейс jQuery?
Я ищу "общие строки", имена компонентов и т.д.
Например, если это было правдоподобно, я бы искал такие вещи, как "Draggable", "Effect" и т.д.
Любые предложения для пользовательского интерфейса jQuery?
(Конечно, если вы можете подумать о более надежном способе удаления тега со страниц, которые его не используют, не нарушая все, я хотел бы услышать об этом)
Спасибо!!
Daniel
Ответы
Ответ 1
jQuery UI имеет стандартное соглашение об именах, вы можете просмотреть полный список виджетов/эффектов здесь. По сравнению с этим списком вы чаще всего ищете соответствующие методы:
Однако, и это большое, однако, если ваша основная цель - уменьшить размер полезной нагрузки страницы, это должно не иметь эффекта. Ваши пользователи не должны загружать эту загрузку каждой страницы, ее следует кэшировать на клиенте, как определено заголовками кеша, дополнительно ваши скрипты должны быть уменьшены (уже предоставленная версия при загрузке) и доставлены gzipped.
Также, если это вариант, я бы рассмотрел используя CDN для jQuery и jQuery UI, и таблицы стилей а также, если вы используете одну из стандартных тем.
Ответ 2
Моим советом было бы посмотреть демонстрационную страницу jQuery UI - http://jqueryui.com/demos/ - и посмотреть на каждую демоверсию и найти основную один или два ключевых слова из каждой демонстрации, как вы, вероятно, сделали бы для Scriptaculous. Удачи.
Ответ 3
Я предлагаю выполнить поиск $(document).ready или попытаться выяснить эквивалент, используемый кодовой базой для проверки готовности DOM для взаимодействия jquery. Поскольку для добавления пользовательского интерфейса требуется DOM, все вызовы для них будут в пределах этих функций - вы можете увидеть, где они происходят, и вы можете проверить их для любого из обычных взаимодействия или виджеты
Ответ 4
Библиотека действительно должна учитывать только 19 тыс. размера страницы.
Но вы могли бы искать $('или $. как большинство, если не все, вызовы jquery начинаются с $.
