Прискорення та оптимізація сайту wordpress

Як відомо пошукова система Google оцінює сайт більш ніж за 300 параметрами, а Яндекс пішов ще далі і враховує більше 700 факторів, які впливають на пошукову видачу. Більшість з низ не відомо, але ми абсолютно точно знаємо як мінімум пару десятків найважливіших параметрів, які повинні бути на висоті, якщо ви хочете, щоб сайт пробився в топ. Один з таких швидкість завантаження вашого ресурсу.

Крім того, сама характеристика швидкості ділиться на кілька пунктів, а саме:

Починаємо битву за швидкість WordPress

Крок №1. Як перевірити швидкість завантаження сайту та визначити проблемні місця?!

Сервіси для аналізу сайту

Використовуючи їх, ви зрозумієте, що ідеальних сайтів немає! У всіх є своя частка помилок та проблемних місць.

Крок №2. Змінюємо розміри та «вагу» зображень на сайті

Як зменшити зображення

Зменшуємо розмір перед завантаженням на сайт.

Використовуємо плагіни WordPress.

Тепер файл стиснутий

Під час завантаження нових зображень вони автоматично коригуються.

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

Плагіни WordPress для стиснення зображень:

Також зазначу, що дехто має як безкоштовну версію, так і платну. Основна відмінність – кількість вже завантажених зображень, які можна стиснути на сервері.

Крок №3. Оптимізуємо відображення картинок на сторінках Wordpress.Поліпшуємо «юзабіліті»

Користувач сам визначає розмір

Це дуже зручно, розмір зображення вибирає читач ваших сторінок. Браузер завантажує лише середній розмір і не вантажить повноцінну картинку, це збільшує швидкість сайту. І за потреби користувач сам збільшить зображення в один клік. Юзабіліті на п'ять балів. Дуже зручно!

Крок №4. Кешування сторінок сайту wp

Налаштовуємо кеш WordPress

Є кілька варіантів

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

ExpiresDefault «access plus 1 year»

Другий спосіб, найбільш поширений - використовувати плагін кешування. Найпростіший серед них – це WP Super Cache. Він не конфліктний, простий у налаштуванні та підходить більшості блогів на wordpress.

Завантажити WP Super Cache можна з адмінки. Встановлюємо та активуємо.

Налаштування WP Super Cache

Все робимо як на скринях нижче:

І не забувайте зберігати налаштування на кожній вкладці!

Є також інші плагіни wordpress для кешування:

Серед усіх перерахованих, відзначу W3 Total Cache - це найпопулярніший плагін кешування, кількість його завантажень зашкалюють. Але він буде важким у налаштуванні для новачків, дуже багато параметрів. Крім того сайт може злетіти при неправильному налаштуванні та слабких серверах. Я читав що розробники обіцяють вичавити максимум з хостингупри його використанні.

Крок №5. Асинхронне завантаження зображень та інших елементів

Прискорюємо відображення елементів сторінок

Для реалізації цієї схеми я використовую плагінa3 Lazy Load. Завантажити його можна з адмінки.

Налаштування a3 Lazy Load

У налаштуванні він простий, я рекомендую залишити всі параметри за промовчанням.

Так, так ви маєте рацію, вони не провантажуються часом, і користувач йде з сайту до їх повного завантаження. a3 Lazy Load вирішить цю проблему! Ви не втрачатимете гроші через швидкість.

Крок №6. Зменшуємо кількість HTTP запитів, стиснення gzip

Відмінний плагін для прискорення

Налаштування Future Expiration Plugin

Дивіться на скрін нижче:

Крок №7. Оптимізуємо CSS, JavaScrit та HTML коди

Як оптимізувати коди на wordpress

Встановлюємо, активуємо. І зберігаємо налаштування за замовчуванням. Там нічого складного немає.

У нього є альтернативний варіант - це Better WordPress Minify.

Крок №8. Як зменшити час відповіді сервера wordpress

Проблема на сервері чи на сайті

Як вирішувати проблему із сервером.

Координальне рішення – це зміна хостингу або переїзд на інший сервер. Крім того, деякі хостинги самі пропонують збільшити швидкість завантаження сайту за додаткову плату. Наприклад, TimeWeb бере за цю не хитру послугу 25 рублів на місяць.

Як вирішити проблему на сайті.

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

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

Крок №9. Зменшуємо кількість елементів на сторінці

Робимо сайт простим та зрозумілим

Крок №10. Повертаємося до того, з чого почали!

Перевірте результати!

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