Как плагины WordPress влияют на время загрузки вашего сайта

/

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

Как плагины WordPress влияют на время загрузки вашего сайта

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

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

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

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

Как плагины влияют на время загрузки сайта?

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

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

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

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

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

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

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

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

Просто посетите свой веб-сайт и щелкните правой кнопкой мыши, чтобы выбрать «Проверить». Это откроет панель инструментов разработчика.

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

Смотрите время загрузки страницы и файлы, загруженные с помощью инструмента проверки

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

Тестирование времени загрузки страницы с помощью Pingdom

Сколько плагинов слишком много?

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

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

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

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

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

Как держать плагины под контролем?

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

Смотрите наше руководство о том, как найти плагины WordPress.

Если вы обнаружите, что плагин WordPress влияет на загрузку вашего сайта, поищите лучший плагин, который выполняет ту же работу, но лучше.

Затем вам нужно начать использовать кеширование и CDN, чтобы еще больше повысить производительность и скорость вашего сайта.

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

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

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

Оптимизация ресурсов плагина WordPress вручную

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

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

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

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

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

Давайте посмотрим, как легко отменить регистрацию таблиц стилей и файлов JavaScript в WordPress.

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

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

Поиск названия стиля

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

<?php
add_action( 'wp_print_styles', 'my_deregister_styles', 100 );
function my_deregister_styles() {
    wp_deregister_style( 'gdwpm_styles-css' );  
}  

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

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

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

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

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

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

Другой способ узнать все дескрипторы, используемые плагинами, - это добавить этот код в файл functions.php вашей темы.

<?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

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

<?php
add_action( 'wp_print_scripts', 'my_deregister_javascript', 100 );
function my_deregister_javascript() {
    wp_deregister_script( 'contact-form-7' );   
}  

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

<?php
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 вместе, но иногда это не работает гладко, поэтому вы должны знать, что делаете. Вы можете учиться методом проб и ошибок (как и многие из нас), но мы не рекомендуем делать это на действующем сайте.

Лучшее место для тестирования - локальная установка WordPress или промежуточный сайт с управляемыми поставщиками хостинга WordPress.

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

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

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

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

<?php
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? Свяжитесь сейчас
[email protected]

Это переведенная версия оригинальной статьи от wpbeginner, весь контент, изображения и авторство принадлежит автору

Как установить WordPress - полное руководство по установке WordPress

WordPress известен как самый популярный конструктор сайтов в мире. Он обслуживает более 39% всех веб-сайтов в Интернете. Основная причина этого в том,

Как правильно переключиться с Wix на WordPress (шаг за шагом)

Хотите перейти с Wix на WordPress? Wix - популярный конструктор веб-сайтов, который позволяет быстро создать простой веб-сайт. Однако многие пользователи

Как сделать ссылку на внешние ссылки из заголовка сообщения в WordPress

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

Как разрешить участникам редактировать свои сообщения WordPress после одобрения

Недавно один из наших читателей спросил, можно ли разрешить участникам редактировать одобренные сообщения? Роли пользователей WordPress позволяют