Грамотное подключение jQuery к сайту
Подключение jQuery, снижающее нагрузку на ваш сайт
1. Откройте специальный сервис Яндекса JavaScript-библиотеки
2. Нажмите там на jQuery
3. Скопируйте ссылку «Статический путь:»
4. Добавьте в <head> своего сайта перед своими JavaScript файлами следующий код
<script src="СКОПИРОВАННЫЙ_СТАТИЧЕСКИЙ_ПУТЬ"></script>Чтобы получилось примерно так
<script src="https://yastatic.net/jquery/3.1.0/jquery.min.js"></script>В WordPress это правильнее будет сделать добавив следующий код в текущую тему в файл functions.php
function my_enqueue_scripts() {
// Отключием старый адрес jQuery
wp_deregister_script( 'jquery' );
// Указываем новый адрес jQuery
wp_register_script( 'jquery', 'https://yastatic.net/jquery/3.1.0/jquery.js');
// Запускаем подключение jQuery
wp_enqueue_script( 'jquery' );
}
add_action( 'wp_enqueue_scripts', 'my_enqueue_scripts' );Почему этот способ подключения jQuery снижает нагрузку на ваш сайт?
Во-первых, jQuery загружается с Яндекса, а не с вашего сайта.
Во-вторых, если человек уже был на каком-нибудь сайте, который загружал jQuery таким же образом (а это очень часто встречается), то браузер вообще не будет загружать его во второй раз. В этом случае jQuery браузер возьмет уже загруженный ранее файл jQuery. В этом случае нагрузки на сайт из-за загрузки jQuery вообще не будет.
Обычный способ подключения jQuery
1. Откройте сайт jQuery
2. Нажмите кнопку «Download jQuery»
3. Нажмите на ссылку «Download the compressed, production jQuery…»
4. Сохраните файл в папку js своего сайта
5. Добавьте в <head> своего сайта код
<script src="ja/ИМЯ_ФАЙЛА_JQUERY"></script>Чтобы получилось примерно так
<script src="js/jquery-3.1.0.min.js"></script>В WordPress не надо ничего скачивать, просто добавьте в файл темы functions.php следующий код
function my_enqueue_scripts() {
wp_enqueue_script('jquery');
}
add_action('wp_enqueue_scripts', 'my_enqueue_scripts');У этого способа тоже есть плюс.
Когда вы работаете над сайтом на своем компьютере и интернета нету, то этот способ работает, потому что jQuery находится прямо на вашем сайте. Вообще если вы только начинающий веб-разработчик, то я рекомендую вам выбрать пока что этот способ, чтобы у вас просто всегда работал jQuery и не думать об этом. У вас сейчас, возможно, и других забот хватает.
P.S. Интересный проект
Ментальные карты для людей, и даже целых команд, которые вкладывают душу в свои проекты.
Посмотреть ментальные карты IOctopus.online
