Вы хотите заменить стандартный скрипт WordPress jQuery на jQuery из библиотек Google?
WordPress включает jQuery в основное программное обеспечение по умолчанию. Однако, замена на последнюю версию jQuery из библиотеки Google может улучшить производительность.
В этой статье мы покажем вам, как легко заменить стандартный скрипт WordPress jQuery на библиотеку Google для повышения производительности и скорости.
Почему и когда вы должны заменить jQuery по умолчанию в WordPress
jQuery — это популярная библиотека JavaScript, используемая разработчиками для создания красивых веб-приложений. Он довольно часто используется в WordPress для добавления таких функций, как слайдеры, всплывающие окна и многое другое.
WordPress включает библиотеку jQuery, упакованную с основным программным обеспечением WordPress. Многие из лучших плагинов WordPress и самые популярные темы WordPress полагаются на эту библиотеку для основных функций и возможностей.
Однако загрузка jQuery на сервере виртуального хостинга может быть ресурсоемкой и замедлить работу вашего сайта, особенно если вы используете плохо проработанные темы WordPress или плагины, которые не соответствуют лучшим практикам WordPress.
Другая проблема с использованием версии jQuery, которая включена в WordPress, заключается в том, что она не будет обновляться, пока WordPress не обновит ее. Могут существовать более новые версии jQuery с исправлениями производительности или безопасности, но вы не получите к ним доступ, пока они не будут включены в обновление WordPress.
Существует несколько обходных путей решения этой проблемы. Например, вы можете загрузить jQuery через серверы Google или официальную CDN jQuery.
Google Hosted Libraries — хороший выбор, потому что их серверы стабильны, обновляются и высоко оптимизированы для скорости, что позволяет jQuery загружаться намного быстрее на вашем сайте WordPress.
Учитывая это, давайте рассмотрим, как легко заменить стандартный WordPress jQuery на библиотеку Google.
Замена стандартного jQuery WordPress на библиотеку Google
WordPress поставляется со встроенным методом для легкого добавления скриптов и таблиц стилей. Это также позволяет безопасно удалить любые скрипты или таблицы стилей, которые загружаются с помощью встроенного метода.
Мы будем использовать этот метод, чтобы сначала отключить jQuery по умолчанию WordPress. После этого мы скажем WordPress загружать jQuery через библиотеку Google.
Вам нужно будет добавить следующий код в функции вашей темы.php-файл или плагин для конкретного сайта.
function wpb_modify_jquery() < //check if front-end is being viewed if (!is_admin()) < // Remove default WordPress jQuery wp_deregister_script('jquery'); // Register new jQuery script via Google Library wp_register_script('jquery', 'https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js', false, '3.6.0'); // Enqueue the script wp_enqueue_script('jquery'); >> // Выполняем действие при инициализации WordPress add_action('init', 'wpb_modify_jquery');
Вот и все! Теперь WordPress заменит стандартный jQuery и будет загружать его через библиотеку Google.
Примечание: Этот метод продолжит загрузку версии jQuery, указанной в URL. В будущем вам может понадобиться изменить URL библиотеки Google для использования более новой версии jQuery.
Google не будет автоматически обновлять номер версии для вас, потому что это может вызвать проблемы совместимости, если ваша тема или плагины полагаются на другую версию.
Вы можете найти последний URL, посетив веб-сайт библиотек, размещенных Google. Оттуда вы также сможете найти URL старых версий jQuery, которые вы можете использовать для устранения неполадок в случае необходимости.
Замена других библиотек jQuery по умолчанию
Помимо основной библиотеки jQuery, WordPress также включает в себя множество других скриптов jQuery. Некоторые из этих скриптов, например jQuery Mobile и jQuery UI, размещены в библиотеке Google.
Для других библиотек вы можете использовать собственные CDN-серверы jQuery, чтобы загрузить их гораздо быстрее. В следующем примере мы заменили скрипт WordPress jquery-ui-core на официальную версию jquery-ui.
function wpb_modify_jquery_ui() < if (!is_admin()) < wp_deregister_script('jquery-ui-core'); wp_register_script('jquery-ui-core', 'https://code.jquery.com/ui/1.12.1/jquery-ui.min.js', false, '1.12.1'); wp_enqueue_script('jquery-ui-core'); >> add_action('init', 'wpb_modify_jquery_ui');
Подобно библиотекам Google, вам нужно будет через некоторое время заменить URL, чтобы использовать последнюю версию скрипта.
Полное отключение jQuery в WordPress
Из-за широкого использования jQuery мы не рекомендуем полностью отключать его на вашем сайте WordPress. Даже если ваша тема WordPress не использует jQuery, многие популярные плагины WordPress по-прежнему нуждаются в нем.
Однако, если вы уверены, что вашему сайту не нужен jQuery, то вы можете смело отключить его. Просто добавьте следующий код в файл функций вашей темы или в плагин WordPress для конкретного сайта.
if ( !is_admin() ) wp_deregister_script('jquery');
Вот и все. Этот код просто отключает загрузку скрипта jQuery на передней панели вашего сайта WordPress.
Устранение проблем, связанных с jQuery, в WordPress
Новые версии jQuery иногда могут обесценивать или удалять старые методы и функции. Если плагин WordPress на вашем сайте использует более старый метод, то это может привести к поломке.
Вы можете заметить предупреждения в области Console инструмента Inspect, или вы можете заметить, что некоторые функции просто перестали работать.
Раньше WordPress использовал скрипт под названием jQuery-migrate для обеспечения резервной совместимости со старыми версиями jQuery. Однако, начиная с WordPress 5.5 этот скрипт был удален из WordPress.
Если вы хотите добавить обратно скрипт jQuery-migrate или устранить неполадки между различными версиями jQuery, то вы можете попробовать следующий метод.
Просто установите и активируйте плагин Version Control for jQuery. Для получения более подробной информации см. наше пошаговое руководство по установке плагина WordPress.
После активации вам необходимо посетить страницу Настройки » jQuery Version Control страница. Отсюда вы можете выбрать версию jQuery, которую хотите использовать.
Плагин автоматически загрузит эту версию с официальной CDN jQuery.
Плагин также загрузит скрипт jQuery migrate. Если вы хотите, то можете отключить его во время устранения неполадок.
Не забудьте нажать на кнопку сохранения изменений, чтобы сохранить свои изменения.
Надеемся, эта статья помогла вам узнать, как заменить стандартный WordPress jQuery на библиотеку Google. Вы также можете посмотреть эти полезные руководства по jQuery для пользователей WordPress или наше полное руководство по оптимизации производительности WordPress.
Источник: www.wpbeginner.com