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