Как переместить JavaScript WordPress Theme в нижний колонтитул для повышения производительности

Время от времени вы можете услышать жалобу на плохое время загрузки страницы. Большинство пользователей WordPress сталкиваются с этой проблемой.

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

Если вы программист, вы можете знать, что JavaScript – это язык сценариев, а для веб-сайта WordPress – язык на стороне клиента..

В этом руководстве вы узнаете о перемещении файлов JavaScript вашей темы WordPress в нижний колонтитул веб-сайта..

Теперь вам может быть интересно, какова будет польза. Что ж, когда пользователи загружают сайт, браузер начинает загружать изображения, CSS-файлы, JavaScript-файлы и многое другое..

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

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

Это напрямую помогает вам увеличить скорость работы сайта. Пользовательский опыт – это всегда первое, на чем нужно сосредоточиться, и вы знаете, что никто не любит ждать загрузки сайта, если он работает медленно..

Итак, сегодня я собираюсь провести вас через простой процесс, который может помочь вам.

Понять концепцию JavaScript WordPress Theme Codex

Чтобы внести какие-либо изменения, прежде всего вы должны знать, какой код управляет этим файлом и где его можно найти..

Если вы немного знакомы с темами WordPress, возможно, вы уже знаете, что functions.php файл является одним из самых важных файлов.

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

Следуй этим шагам.

Шаг 1

Войдите в вашу админ панель WordPress и перейдите на Внешность>>редактор.

Шаг 2

Откроется новая страница, где вы увидите коды. Но вы должны найти файл functions.php. Просто взгляните на меню справа.

Ищи Тематические функции (functions.php) и нажмите на что.

Шаг 3: – Как только вы это сделаете, вы сможете увидеть множество функций, которые контролируют работу вашей темы WordPress, или вы можете сказать, функции вашего сайта.

Вы должны найти функцию, которая используется для добавления файлов сценариев.

Ищи "wp_enqueue_script".

Сейчас самое время рассказать об этом Кодексе. Многие параметры могут быть переданы этому.

wp_enqueue_script ($ handle, $ src, $ deps, $ ver, $ in_footer);

  • $ handle: – это имя файла.
  • $ src: – адрес или путь к файлу.
  • $ deps: – это массив для обработки скрипта.
  • $ ver: – это версия файла.
  • $ in_footer: – по умолчанию установлено "Ложь".

Так что если вы измените последний параметр на "Правда", файл JavaScript будет перемещен в нижний колонтитул.

Разве это не легко?

Возможно, разработчик темы поставил в очередь много файлов JavaScript.

Примечание: не вносите никаких изменений, если вы не знаете о кодексе темы.

Позвольте мне показать вам пример полных функций.

function the_script_file () {
wp_enqueue_script (‘script’, get_template_directory_uri (). ‘/Js/script.js’ , " , «1,0», правда);
}
add_filter (‘wp_enqueue_scripts’, ‘the_script_file’);

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

Важно найти "wp_enqueue_script" Кодекс и установить значение $ in_footer в "Правда".

Как только вы это сделаете, сохраните файл, и вы можете проверить исходный код вашего сайта.

Файл JavaScript будет перемещен в нижний колонтитул.

Я надеюсь, что вы можете найти файл functions.php

Если вы не видите опцию «Редактор» на панели инструментов WordPress, вам нужно получить доступ к этому файлу через cPanel вашего сайта..

Можете ли вы изменить необходимый код из панели администратора WordPress?

Я упомянул самый простой способ редактировать файл functions.php. Даже новичок может сделать это. Вам нужно только найти скрипт WordPress Codex и изменить параметр.

Я знаю, что вам может быть интересно, как будто это самый простой способ, чем этот. Ну, если вы боитесь сделать это изменение, вы можете попросить своего технического друга сделать это для вас.

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

Большинство людей забывают это сделать и ломают свой сайт. Вы не должны рисковать. Как я уже упоминал, файл functions.php является одним из наиболее важных файлов, поэтому с ним следует обращаться осторожно.

Если вы добавите что-то еще, это остановит некоторые функции вашего сайта. Это нарушит макет сайта. Лучше быть в безопасности, чем потом сожалеть.

Вывод

Конечная цель – отложить загрузку в файл JavaScript, чтобы браузер быстро отображал веб-сайт для пользователей..

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

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

Проверьте эти лучшие 3 хостинга WordPress:

FastComet

Стартовая цена:
$ 2,95


надежность
9,7


ценообразование
9,5


Дружественный интерфейс
9,7


Служба поддержки
9,7


особенности
9,6

Читать отзывы

Посетите FastComet

Hostinger

Стартовая цена:
$ 0,99


надежность
9,3


ценообразование
9,3


Дружественный интерфейс
9,4


Служба поддержки
9,4


особенности
9,2

Читать отзывы

Посетить Hostinger

А2 Хостинг

Стартовая цена:
$ 3,92


надежность
9,3


ценообразование
9,0


Дружественный интерфейс
9,3


Служба поддержки
9,3


особенности
9,3

Читать отзывы

Посетите A2 Хостинг

Связанные статьи с практическими рекомендациями

  • Как увеличить скорость сайта, удаляя строки запросов из статических ресурсов
    промежуточный
  • Как редактировать файл wp-config.php в WordPress с помощью cPanel
    промежуточный
  • Как установить Google Analytics на свой сайт WordPress
    промежуточный
  • Как проверить и восстановить базу данных в PhpMyAdmin
    промежуточный
  • Как добавить пользователя WordPress Administrator с помощью PHP-кода
    эксперт
Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me