Выбрать страницу

Сегодня я пришел с улицы и обнаружил на себе муравья.
А живу я сейчас у друзей, они попросили посмотреть за кошками и муравьиной фермой.

Та вот, я решил запустить этого муравьишку, которого нашел в муравьиную ферму к домашним муравьям.
Это оказалось жестоко, блин, психологическая травма на всю жизнь.

Муравей бегал по всей ферме и его кусали все кто успевал. Это был совсем маленький муравьишка, но он держался.
Муравьишка тоже кусался и убегал, он не сидел на месте, постоянно двигался. Для него все было очень по-настоящему.

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

Для муравьишки это оказалась слишком большая нагрузка.
И точно так же как муравьишка, ваш сайт может получить большую нагрузку.

Поэтому старайтесь подключать 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 и не думать об этом. У вас сейчас и других забот хватает.