Как ускорить сайт на wordpress9 мин. для чтения


Новичкам, Оптимизация, Полезное / Понедельник, Июль 8th, 2019

Ваш сайт на WordPress слишком долго загружается? Я составил список действий, чтобы повысить оценку PageSpeed ​​без привлечения разработчиков.

1. Удалите ненужные скрипты

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

Поддержка Emoji

По умолчанию Emoji активны после установки WordPress. Если вы не хотите использовать Emoji в своих постах и ​​комментариях, вы можете удалить скрипт и таблицу стилей, которые вызывают их. Просто добавьте следующие две строки в файл functions.php:

remove_action( 'wp_head', 'print_emoji_detection_script', 7 );
remove_action( 'wp_print_styles', 'print_emoji_styles' );

Комментарии

Если вы не используете встроенную систему комментирования постов или если вы используете другую платформу, например DISQUS, вы можете удалить лишний скрипт комментариев. Добавьте следующий код в functions.php:

function remove_comment_reply_script () {
wp_deregister_script ('comment-reply');
}
add_action ('init', 'remove_comment_reply_script');

oEmbed

Начиная с WordPress 4.4, oEmbed установлен и доступен по умолчанию. Он позволяет легко встраивать такие медиа, как твиты и видео YouTube, а это дополнительные скрипты. Если вам не нужен oEmbed, вы можете удалить его, установив этот плагин или добавив следующую функцию в functions.php:

function speed_stop_loading_wp_embed () {
if (! is_admin ()) {
wp_deregister_script ('wp-embed');
}
}
add_action ('init', 'speed_stop_loading_wp_embed');

Новый редактор Gutenberg

Если вы обновили WordPress до версии 5.0, но предпочитаете Classic Editor, WordPress все еще добавляет скрипт редактора Gutenberg на ваш сайт. Добавьте в functions.php, чтобы удалить этот скрипт:

function remove_block_library () {
wp_dequeue_style ('wp-block-library');
}
add_action ('wp_enqueue_scripts', 'remove_block_library', 11);

Contact Form 7

Если вы используете Contact Form 7, вы можете заметить, что плагин включает JavaScript и CSS на страницах, на которых даже нет контактных форм.

Добавьте приведенный ниже фрагмент в файл функций, чтобы включить его только на странице контактов. Измените массив $pages, чтобы включить слаги страниц, которые содержат контактные формы:

function cf7_scripts() {
add_filter('wpcf7_load_js', '__return_false');
add_filter('wpcf7_load_css', '__return_false');

$pages = array(
'contact',
'home'
);

if (is_page($pages)) {
if (function_exists('wpcf7_enqueue_scripts')) {
wpcf7_enqueue_scripts();
}
if (function_exists('wpcf7_enqueue_styles')) {
wpcf7_enqueue_styles();
}
}
}
add_action('wp_enqueue_scripts', 'cf7_scripts', 20);

2. Удалите неиспользуемые плагины

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

3. Держите WordPress и плагины в актуальном состоянии

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

4. Ограничьте публикацию ревизий

Вот как выглядели ревизии моего прошлого поста про Ahrefs:

редакции в wp

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

define( ‘WP_POST_REVISIONS’, 3 );

Код должен быть вставлен над «ABSPATH», иначе он не будет работать.

5. Используйте плагины оптимизации

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

Smush — Сжатие и оптимизация изображений

WP Smush

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

Плагин Autoptimize

Autoptimize

При минимальной настройке Autoptimize может объединять, сжимать и минимизировать все ваши скрипты и стили. Он даже минимизирует сам HTML-код, помогая вам сэкономить лишние байты и получить эти неуловимые очки page speed.

WebP Express

WebP - это новый тип файлов изображений, представленный Google и поддерживаемый последними версиями Chrome, Firefox и Edge. Изображения WebP обычно весят меньше, чем их аналоги в формате JPG или PNG, поэтому рекомендуется предоставлять изображения WebP тем браузерам, которые его поддерживают.

Плагин WebP Express автоматизирует это, автоматически конвертируя ваши изображения в WebP, когда они будут необходимы, при этом отправляя исходный файл JPG или PNG тем браузерам, которые этого данный формат изображений не поддерживают.

6. CloudFlare

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

Если вы еще не используете CloudFlare, потребуется немного усилий что бы настроить его.

На вкладке «Скорость», как следует из названия, autominify уменьшит размер HTML, CSS и JavaScript. Brolti будет дополнительно экономить на байтах, сжимая ресурсы. Rocket Loader реорганизует ваш JavaScript так, чтобы первоочередные ресурсы могли загружаться первыми, например, ваш CSS. Убедитесь, что после настройки ваш сайт работает))

Всех преимуществ не описать, просто попробуйте его на своем сайте.

7. Используйте хороший хостинг

Выбор правильного хостинга очень важен.

Например я использую хостинг от Ukraine.com.ua. Стоит только взглянуть на их настройки, чтобы понять почему:

настройки внутри хостинга

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

И как итог, который вы можете получить - https://developers.google.com/speed/pagespeed/insights/?url=https%3A%2F%2Fpolitay.pro%2F

лучшая скорость загрузки сайта

One thought on “Как ускорить сайт на wordpress9 мин. для чтения

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *