Як прискорити роботу сайту на WordPress. Частина 1

У зв’язку з останніми оновленнями пошукового алгоритму Google, швидкість завантаження вашого сайту тепер впливає на його позицію у видачі, особливо для мобільних пристроїв. Тому зараз як ніколи важливо більше не змушувати ваших відвідувачів чекати завантаження контенту. За статистикою, більше половини відвідувачів йде з сайту, якщо завантаження сторінки не відбувається за 3 секунди. У цьому посібнику розповімо як прискорити роботу сайту на WordPress без реєстрації і SMS 😄

1. Вибір хостингу

Ми вже детально розповідали, на що потрібно звертати увагу при підборі хостинг-плану для CMS WordPress. Зараз згадаємо тільки найважливіші моменти.

Сервер повинен розташовуватися географічно максимально близько до основної маси відвідувачів сайту. Якщо це неможливо, спробуйте використовувати CDN. Позитивний ефект від використання CDN може бути, а може і не бути, тут потрібно тестувати безпосередньо на вашому сайті.

Наступний пункт – хостинг потрібно обирати на SSD-дисках, використання яких уже стандарт в світі хостингу.

Також у вас повинна бути можливість використовувати найновіші версії програмного забезпечення та самостійно редагувати налаштування РНР.

Увага! Перед внесенням змін до файлів движка, а також перед установкою будь-яких плагінів або оновлень системи, ми рекомендуємо зробити резервну копію сайту і бази даних. А якщо щось пішло не так, ви завжди можете попросити техпідтримку відновити сайт з нашої резервної копії.

2. Оптимізація бази даних

Час виконання запитів до сервера баз даних MySQL становить істотну частину загального часу завантаження сторінки, оскільки WordPress зберігає більшу частину контенту і налаштувань саме там. Тому потрібно, щоб структура бази даних була в порядку і не містила зайвих записів. Наприклад, при створенні і редагуванні поста в блог ви зберігаєте зміни десятки разів. WordPress кожен раз пише в базу нову ревізію статті. Після публікації вони стають не потрібні і лише засмічують вашу базу даних. Також в базі можуть залишатися сотні спам-коментарів. Для очищення таких записів використовуйте плагін WP Optimize або WP-DBManager.

3. Оптимізація зображень

Ви можете перевірити розміри використовуваних зображень (і інших елементів) і рівень їх оптимізації на сайті Google PageSpeed ​​або на Pingdom. Часто неоптимізовані картинки займають більше 90% розміру сторінки, що негативно впливає на час завантаження сайту, особливо з мобільних пристроїв.

Є кілька способів зменшити розмір зображень. Ви можете завантажити оптимізовані версії ваших зображень для однієї сторінки прямо з Google PageSpeed, можете використовувати онлайн-сервіси, наприклад, https://tinypng.com/, оптимізувати зображення перед завантаженням на сайт, наприклад в PhotoShop або іншому редакторі, або використовувати WopdPress-плагіни. Одним із кращих плагінів для цього вважається Smush Image Compression and Optimization. Тут потрібно сказати, що оптимізація зображень – це ресурсомістка процедура, тому краще виконувати її у себе на комп’ютері, а не на хостингу, і не під час пікової відвідуваності.

4. Вибір теми и плагінів

Чим більше плагінів умімкнуто, тим більше навантаження буде на сервер з боку CMS. Тому вимкніть ті з них, які використовуються одноразово для обслуговування, наприклад, плагін для оптимізації бази даних. Модулі, які ви взагалі не використовуєте краще видалити. Те саме можна сказати і до тем. Залиште одну використовувану на сайті тему, інші видаліть.

Також при наявності альтернатив проаналізуйте, котрий з плагінів, які виконують одну й ту ж задачу, споживає менше ресурсів, і залиште саме його. Допомогти в цьому аналізі вам може P3 Profiler і стаття.

5. Оптимізація файлів теми

    • Зміни в header.php для зменшення кількості запитів до БД.

Звичайно використовується такий код:

<html xmlns="http://www.w3.org/1999/xhtml" <?php language_attributes(); ?>>
<head pr="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="
<?php bloginfo('html_type'); ?>;
charset=<?php bloginfo('charset'); ?>" />

Його можна спростити:

<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr">
<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    • Змініть спосіб підключення стилів у header.php:
<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />

Змініть на:

<link media="screen" type="text/css" href="https://hostpro.ua/wp-content/themes/yourthemes/style.css" rel="stylesheet">

Увага! Не забудьте змінити посилання на стиль на своє.

    • Змініть код RSS-стрічки в header.php:
<link rel="alternate" type="application/rss+xml" title="<?php bloginfo('name'); ?> RSS Feed" href="<?php bloginfo('rss2_url'); ?>" />

Змініть на:

<link href="https://hostpro.ua/feed" title="ВАШ САЙТ RSS Feed" type="application/rss+xml" rel="alternate"/>

Увага! Не забудьте змінити посилання hostpro.ua на посилання з вашого сайту.

    • Додайте у в файлі header.php одразу ж після </head>:
<?php flush(); ?>

 

Це була перша частина посібника про способи прискорення роботи сайту на WordPress. Продовження читайте за посиланням.