Грамотное подключение jQuery к сайту

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

Комментарии