Як прискорити завантаження сайту на WP?

З кожним роком наше життя набирає темп і людство за допомогою технологій встигає зробити більше дій за мінімальну кількість часу. Цьому активно допомагають більш потужні комп’ютери і смартфони, більш швидкий інтернет і доступність інформації, яку він нам дає. Як підсумок, користувач, який звик отримувати інформацію практично миттєво, не чекатиме поки завантажиться сайт з потрібною інформацією. Він просто піде на інший ресурс. Ураховуючи, що понад 70% сайтів у світі зроблені на CMS WordPress, то питання збільшення швидкості завантаження сайту на цьому «движку» дуже актуальне.

Вибір хостингу для сайту

Перше що потрібно врахувати в оптимізації швидкості сайту на WordPress – це вибір хостингу, на якому будуть зберігається файли Вашого сайту. Сервер на якому знаходиться сайт повинен використовувати більш швидкі SSD накопичувачі, а швидкість відповіді серверу не повинна перевищувати 200 мілісекунд.

Кешування контенту

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

ТОП плагінів для WP для налаштування кешування:

Якщо немає бажання або можливості «мучатись» з плагінами для кешування, то можна для прискорення сайту на WordPress, підключити кешування в ручну через файл .htaccess. Приклад коду нижче на скріншоті.

Оптимізувати код сайту. Прибрати зайві CSS і JS

Для оптимізації швидкості завантаження WP сайту, необхідно видалити зайві прогалини, нові рядки, коментарі, розмітку HTML блоків в JavaScript і CSS файлах.

Безумовно, коментарі та спец розмітка полегшує роботу розробника, але перевантажує файли зайвими символами, які потрібно обробити браузеру. Краще прибрати це все.

Також не варто відразу підключати всі бібліотеки в файлах JS і використовувати з них 1-2, тільки те що необхідно.

          Важливо! Налаштувати асинхронне завантаження JS скриптів і по можливості зробити відстрочене завантаження JS сторонніх сервісів web-аналітики.

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

Оптимізація зображення для збільшення швидкості завантаження WP сайту

Дуже багато часу може зайняти у браузера на завантаження зображень з сайту, рекомендується використовувати стислі «полегшені» картинки для контенту.

 

Оптимізувати поточні картинки можна за допомогою:

Також можна підключити плагіни для оптимізації зображень на WordPress:

А ще можна отримати посилання на оптимізовані картинки в інструменті Google Speed Test.

 

Оптимізація структури HTML коду WP сайту і підключення стиснення Gzip

Дуже часто за запитом користувача браузер віддає йому не стиснений HTML код сайту, і завантаження не оптимізованої структури сторінки займає значно більше часу. Для підвищення швидкості завантаження сайту зробленого на Worpress можна використовувати плагін W3 Total Cache.

Також оптимізацію структури HTML коду можна зробити за допомогою файлу .htaccess. Для цього можна використовувати такі плагіни:

Перевірити результати можна на сайті http://checkgzipcompression.com/

 

Оптимізація БД сайту на WordPress

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

Для оптимізації БД можна підключити плагіни:

 

Підключити CDN мережу доставки контенту

Для того щоб користувачі мали більш-менш однакову швидкість завантаження, не залежно від країни, у якій знаходяться, необхідно підключити CDN (content delivery network) – це розосереджені по всьому світу сервери, які швидко передають статичний контент локально розташованим користувачам.

І як зазвичай готовий плагін для WordPress – W3 Total Cache.

 

Знизити кількість копій постів, що відображаються в контенті сайту

Як я вже писав раніше, кількість копій одного і того ж посту в БД може знизити швидкість завантаження сайту, для цього варто обмежити кількість копій, які можна зберігти за замовчуванням.

Зробити це можна за допомогою правок в «конфігах» – wp-config.php. Потрібно внести наступний рядок коду define ( ‘WP_POST_REVISIONS’, 5) – це обмеження до 5 копій. Якщо необхідно відключити копії в БД, то вносимо наступну сходинку коду – define ( ‘WP_POST_REVISIONS’, false).

Відключення повідомлень про сайти на яких поссилаються – трекбеки і пінгбекі.

Велика кількість зворотних посилань може добре вплинути на SEO просування сайту, але як не дивно, це може вплинути на швидкість завантаження сайту на WordPress. Рекомендується відключати це в Настройках обговорення.

 

Сторінки з коментарями і відгуками

Не зважаючи на те, що пошукові системи Google і Яндекс люблять User Generated Content – велика кількість відгуків на одній сторінці можуть вплинути на швидкість завантаження сайту зробленого на CMS WordPress. Рекомендується розбивати коментарі наставниці пагінацію. Зробити це можна в налаштуваннях WP.

 

Отже, основні моменти щодо оптимізації швидкості завантаження сайту на wordpress:

  1. Вибір хостингу для сайту
  2. Кешування контенту
  3. Оптимізувати код сайту. Скоротити зайві CSS і JS
  4. Оптимізація зображення для збільшення швидкості завантаження WP сайту
  5. Оптимізація структури HTML коду WP сайту і підключення стиснення Gzip
  6. Підключити CDN мережу доставки контенту
  7. Знизити кількість копій постів, що відображаються в контенті сайту
  8. Оптимізація сторінок з коментарями і відгуками

 

Невеликі лайфхаки, щодо  збільшення швидкості сайту на WordPress

  1. Міняйте періодично хостинг, провайдерів;
  2. Не завантажуйте відеоконтент безпосередньо з сайту використовуйте iframe і підтягуйте відео з сайтів для розміщення відеофайлів;
  3. Вимкніть зайві редіректи і приберіть сторінки з відповіддю сервера 302 і 302 з перелинковки;
  4. Видаліть всі неактивні плагіни;

Виконання цих рекомендацій дозволить Вам досягти високих показників швидкості завантаження сайту і як підсумок більш якісної SEO-оптимізації сайту.