Разработка веб сайтов и сопровождение

Как ускорить загрузку сайта на WordPress?

Как ускорить загрузку сайта на WordPress?

Влияние плагинов на скорость работы сайта WordPress

Задумывались ли вы, как плагины влияют на время загрузки вашего сайта? Плагины WordPress позволяют добавлять новые функции на ваш сайт. В этой статье мы покажем вам, как плагины влияют на время загрузки вашего сайта, и как вы можете управлять ими более эффективно.

Как работают плагины WordPress?

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

Когда вы посещаете ваш сайт, WordPress сначала загружает свои основные файлы, а потом загружает все ваши активные плагины.

Плагины и нагрузка на сайт WordPress

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

Запросы к базе данных и загрузка ресурсов, все приводит к тому что увеличивается нагрузка на сайт WordPress. Большинство плагинов делают HTTP-запрос для загрузки ресурсов, таких как скрипты, CSS и изображения. Каждый запрос увеличивает время загрузки страниц вашего сайта.

Когда все сделано правильно, влияние на производительность не слишком заметно.

Однако, если вы используете несколько плагинов, которые делают слишком много запросов для загрузки файлов и ресурсов, то это сильно повлияет на производительность вашего сайта.

Как проверить какие файлы загружены плагинами?

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

Есть много инструментов, которые вы можете использовать, чтобы увидеть это.

Вы можете использовать инструменты разработчика вашего браузера (Chrome и Firefox).

Просто зайдите на ваш сайт и нажмите «Ctrl + Shift + C». Это откроет панель инструментов разработчика.

Вам нужно нажать на вкладку «Консоль», а затем перезагрузить ваш сайт. Когда страница перезагрузится, вы захотите увидеть, как ваш браузер загружает каждый файл.

Когда плагинов слишком много?

Когда вы видите, что эти файлы загружаются, вы можете задаться вопросом, сколько плагинов мне следует использовать на моем сайте? Сколько плагинов слишком много?

Ответ действительно зависит от самих плагинов, которые вы используете на своем сайте.

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

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

Некоторые плагины загружают файлы при каждой загрузке страницы, даже если им не нужны эти файлы.

Если вы используете слишком много этих плагинов, это начнет влиять на производительность вашего сайта.

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

Оптимизация активных плагинов вручную

Опытные пользователи WordPress могут попробовать управлять плагинами на своем сайте. Для этого требуется знание кодинга и навыки отладки.

Правильный способ загрузки скриптов и таблиц стилей в WordPress — использование функций wp_enqueue_style и wp_enqueue_script.

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

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

Таким образом, вы загрузите их все сразу, минимизируя http-запросы и минимизируя время загрузки вашей страницы.

Давайте посмотрим, Как ускорить загрузку сайта на WordPress, отменив загрузку стилей CSS и файлов JavaScript.

Отключение таблиц стилей у плагинов

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

Как ускорить загрузку сайта на WordPress? 1

Найдя дескриптор таблицы стилей, вы можете отменить его активацию, добавив этот код в файл functions.php вашей темы или плагина для сайта.

Примечание id стиля называется например fontawesome-css, а вписать нужно только fontawesome без суффикса, в данном случае без -css. Иначе отключение стиля не сработает.

add_action ('wp_print_styles', 'my_deregister_styles', 100);
function my_deregister_styles () {
wp_deregister_style ('fontawesome');
}

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

add_action ('wp_print_styles', 'my_deregister_styles', 100);
function my_deregister_styles () {
wp_deregister_style ('gdwpm_styles');
wp_deregister_style ('bfa-font-awesome');
wp_deregister_style ('some-other-stylesheet-handle');
}

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

Отключение JavaScripts плагинов в WordPress

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

Еще один способ выяснить все ресурсы используемые плагинами — добавить этот код в файл functions.php вашей темы.

function wpb_display_pluginhandles() {
$wp_scripts = wp_scripts();
$handlename .= "<ul>";
foreach( $wp_scripts->queue as $handle ) :
$handlename .= '<li>' . $handle .'</li>';
endforeach;
$handlename .= "</ul>";
return $handlename;
}
add_shortcode( 'pluginhandles', 'wpb_display_pluginhandles');

После добавления этого кода вы можете использовать короткий код [pluginhandles], чтобы отобразить список дескрипторов плагина.

Показать список дескрипторов плагинов в WordPress

Теперь, когда у вас есть дескрипторы скриптов, вы можете легко отменить их регистрацию, используя код ниже:

add_action ('wp_print_scripts', 'my_deregister_javascript', 100);

function my_deregister_javascript () {
wp_deregister_script ('contact-form-7');
}

Таким образом, вы можете использовать этот код для отключения нескольких скриптов, например так:

add_action ('wp_print_scripts', 'my_deregister_javascript', 100);

function my_deregister_javascript () {
wp_deregister_script ('contact-form-7');
wp_deregister_script ('gdwpm_lightbox-script');
wp_deregister_script ('another-plugin-script');
}

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

JavaScripts все вместе — но иногда это не работает гладко, поэтому вы должны знать, что вы делаете. Вы можете учиться методом проб и ошибок, но мы рекомендуем делать это на живом сайте.

Загрузка сценариев только на определенных страницах

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

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

Вот как вы можете загружать скрипты на определенных страницах.

add_action ('wp_print_scripts', 'my_deregister_javascript', 100);

function my_deregister_javascript () {
if (! is_page ('Contact')) {
wp_deregister_script ('contact-form-7');
}
}

Этот код просто отключает скрипт contact form 7 на всех страницах, кроме страницы контактов.

Итоги

Надеемся, что эта статья поможет вам узнать, как плагины WordPress влияют на время загрузки вашего сайта. Вы можете узнать, как ускорить загрузку сайта на WordPress, посмотрев нашу статью — Оптимизация загрузки WordPress

Теги: , , , ,

Оставить комментарий