Оптимізація роботи WordPress для MC.today

У травні 2017 року в MC.today працювали два автори, які щодня публікували три-чотири статті. Сьогодні над ресурсом працюють вже 15 осіб, які загалом публікують близько 15 нових текстів кожного дня. Аудиторія досягає 750 тис. унікальних відвідувачів на місяць і зростає приблизно на 10% щомісяця.

Поки MC.today мав до 500 тис. користувачів на місяць, стандартна конфігурація WordPress досить впоравалася, але вище цього порогу почали наростати проблеми. Сайт може ненадовго "падати" під навантаженням, а випуск статей ускладнювався, оскільки може бути недоступна панель адміністратора. Стало зрозуміло, що CMS потрібно оптимізувати.

З WordPress пов'язано багато негативних стереотипів, наприклад, поширене переконання, що це з природи "тяжкий двигун". У SOLAR Digital знають, що це не так: як і будь-який інший складний CMS, WordPress потребує уваги та правильної настройки. З дотриманням цих умов на ньому можна зробити сайт майже будь-якої спрямованості, який буде працювати швидко. "Але важливо зрозуміти, що для великих та масштабних проектів WordPress підходить погано, його підтримка в цьому випадку буде помітно вдаряти по кишені", - уточнює Павло Устинов (проджект менеджер).

Ось які проблеми з WordPress на MC.today виявили в SOLAR Digital та як їх виправляли:

Статистика

На MC.today лічильник переглядів статті був реалізований за допомогою плагіна Slimstat Analytic. Але крім даних про вхід на сторінку користувача, він збирав велику кількість зайвої інформації: час сесії, вид пристрою, тривалість перегляду і т.д. Уся ця зайва інформація зберігалась в основній базі даних сайту, займаючи 1,5 Гб місця. Це не тільки уповільнювало роботу в адміністраторській панелі редакції, але й "тормозило" відображення сайту в браузерах відвідувачів.

Для вирішення проблеми розробники видалили встановлений плагін і підключили зовнішню програму власної розробки, написану на мові PHP та фреймворку Laravel. Вона рахує перегляди, записуючи дані на окремий хостинг-сервер. При цьому запит до лічильника виконується безпосередньо у браузерах відвідувачів сайту, повністю звільняючи від навантаження WordPress, який раніше самостійно відслідковував відвідування. За таким же принципом було розроблено рейтинг блогерів.

Кешування

Стандартну систему кешування було замінено на прогресивну. Для цього встановили комбінацію W3 Total Cache + Memcached.

Хостинг-сервер

База даних сайту гальмувала веб-сервер, знаходячись з ним на одній "машині". Її перенесли на фізично окремий від веб-сервера комп'ютер, що позитивно відобразилось на швидкості завантаження.

Google PageSpeed

Швидкість завантаження сторінок є важливим чинником не лише для користувачів, але й для ранжування в пошукових системах. Ось що було зроблено для оптимізації швидкості завантаження:

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

Відсутність CDN-сервісу

Було встановлено CloudFlare — CDN-сервіс, який аналізує налаштування сайту та зменшує кількість запитів до сервера. Він дозволяє в автоматичному режимі кешувати більшість статичних ресурсів (CSS-файли, скрипти JavaScript, зображення) та захищає ресурс від DDoS-атак. А ще стискає зображення та використовує прогресивні формати зображень (наприклад, WebP).

Плагіни

Застарілі версії плагінів, які не були потрібні для роботи сайту, були вилучені. Функціональність цих плагінів була реалізована за допомогою власного коду, який працює значно швидше.

Версія

Оновили застарілу версію WordPress для виправлення проблемних місць та вразливостей, які були в старих версіях. Крім того, встановили останню версію PHP 8.3, яка працює набагато стабільніше.

Нагадуємо, на що варто звернути увагу при роботі з WordPress:

1. Детально вивчайте кодекс CMS. Щоб дружити з WordPress, без кодексу не обійтись.
2. Налаштуйте кешування. Глибоко розберіться з ним, щоб не нервувати користувачів через довгий час завантаження сторінки. Кешування може бути різним, вивчіть його і виберіть найбільш підходящий для вас.
3. Встановлюйте теми і плагіни з розумом. Не перевантажуйте функціональністю ресурс, і він буде стабільно працювати ще довгий час.
4. Не забувайте оновлювати WordPress і PHP. Пам'ятайте про безпеку та постійно з'являються нові уразливості системи.
5. Зробіть сайт більш помітним для пошукових систем, використовуючи концепцію SEO-friendly.