Веб-Денис
Помогаем создавать лучшее
  • Ответы WP
  • HTML-CSS
  • Фон сайта
  • Блог DM
Главная › Wordpress › JavaScript

Как ускорить загрузку страницы Вордпресс благодаря значению defer в JS?

2022-05-02
Источник: неизвестно

Я предлагаю всем желающим узнать о том, как добавить в HTML код страницы сайта на Вордпресс, в JS значение defer.

Если коротко о главном:

JS

Было
<script src="script.js"></script>
—
Стало
<script defer src="script.js"></script>

Так вот, чтобы добавить значение defer в JS на сайте, следует в файл под названием functions.php установить следующий PHP код:

PHP

/** Прописываем JS defer="defer"
-------------------------------------------------------- **/
function mihdan_add_defer_attribute( $tag, $handle ) {
$handles = array(
'menu-js',
);
foreach( $handles as $defer_script) {
if ( $defer_script === $handle ) {
return str_replace( ' src', ' defer="defer" src', $tag );
}
}
return $tag;
}
add_filter( 'script_loader_tag', 'mihdan_add_defer_attribute', 10, 2 );

menu-js — это уникальный идентификатор id загружаемого скрипта.

Его можно посмотреть в исходном коде вашей страницы на Ворпдпесс.

Уникальный id js вордпресс

На этом у меня всё!

Удачных решений и замечательных улучшений для сайта Вордпресс.

С уважением, Денис Мехедов
→Как переместить отдельный JS Wordpress в подвал сайта?→Как отключить JS на WordPress на страницы нужной рубрики?→Как убрать type=»text/javascript» в js файлах на WordPress?

А Вы оставите комментарий первым?

    Отменить ответ
    Автор Денис Мехедов
    Привет!

    Я Денис Мехедов.

    И я даю ответы на темы:

    Ответов - 160
    • CSS стили 5
    • functions.php 2
    • htaccess 13
    • JavaScript 5
    • RSS лента 9
    • Sitemap.xml 4
    • wp-config.php 9
    • Админка 12
    • Верхняя панель 5
    • Дизайн 9
    • Доступ 3
    • Записи 18
    • Записи выводим 9
    • Комментарии 15
    • Метки 2
    • Миниатюры 7
    • Обновления 6
    • Отключаем код 5
    • Поиск 5
    • Пользователи 2
    • Рубрики 8
    • Статистика 2
    • Страницы 2
    • Шорткоды 3

    • О проекте
    • Автор
    • Контакты
    • Комментарии
    • © Web-Denis 2022
    • Дизайн © ДМ
    • Хостинг Timeweb
    При копировании материалов, ссылка на сайт обязательна.
    Политика конфиденциальности
    Мы cохраняем файлы cookie.