Плагіни WordPress для прискорення завантаження сайту, або як прискорити сайт на WP

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

Але це не точно. Хоча бажано, щоб сайт був “легким” та не мав затримок. В більшості випадків це потрібно для пошукової системи. Так, google дуже любить швидкі сайти. Проте швидкість це далеко не єдиний параметр, який варто брати до уваги. Тим не менш, розгляньмо детальніше, як же можна прискорити завантаження сторінок сайту.

Від чого залежить швидкість завантаження сайту

Швидкість завантаження сайту залежить від кількох факторів, кожен із них можна прискорити в міру можливостей.

Серверні параметри, хостинг

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

Швидкість відповіді сервера, верстка, оптимізація CSS та JS впливають на час завантаження основної частини сайту.

Часто проблема може бути в тому, що не вистачає ресурсів хостингу – CPU та швидкості дискової системи. Зазвичай радять знайти SSD хостинг та використовувати мережі CDN, щоб скоротити час доставки контенту – система вибере найближчий до користувача сервер.

За словами Джона Мюллера, Google визначає швидкість сайту за загальною картиною, а не проміжними етапами. Швидкого завантаження першого байта (TTFB) недостатньо, це не показник хорошого користувальницького досвіду. Важливим є загальний час завантаження та рендерингу, тому варто працювати над усіма доступними параметрами.

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

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

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

Для цього в кореневій директорії потрібно знайти файл wp-config.php, у якому знайти рядок

define ('WPLANG', 'ru_RU');

І замінити її на такий код:

if (strpos($_SERVER['REQUEST_URI'], 'wp-admin')) define ('WPLANG', 'ru_RU'); else define ('WPLANG', 'ru_RU_lite');

Вага сторінки сайту

Від ваги HTML-сторінок теж залежить швидкість завантаження – важкі сторінки зі складною функціональністю та важкими медіафайлами завантажуватимуться довго. Щоб сторінка полегшала, можна налаштувати HTML-елементи за допомогою CSS, використовувати стиснення медіафайлів, налаштувати кешування, мініфікувати код сторінки.

Редиректи

Редиректи уповільнюють швидкість – сервер встановлює з’єднання з однією сторінкою, отримує відповідь про перенаправлення та переходить на іншу. Якщо на сайті багато 301 редиректів, перевірте за джерелами трафіку, може, в деяких випадках варто замінити посилання на кінцеву сторінку.

Редиректи з HTTP на HTTPS також можуть гальмувати процес, у цьому випадку допоможе технологія HSTS (HTTP Strict Transport Security) – тоді браузер автоматично зробить внутрішні редиректи, відразу зробить запит на HTTPS і перенаправить користувачів на безпечне з’єднання.

Для цього потрібно підключити функцію HSTS в особистому кабінеті хостингу або прописати заголовок HTTP Strict Transport Security. Але радимо спершу протестувати функцію, щоб переконатися, що всі сторінки доступні.

Плагіни для прискорення завантаження сайту на WordPress

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

Optimize Database

WordPress створює резервні копії записів при збереженні та редагуванні, вони зберігаються у базі даних. Щоб покращити швидкість роботи, можна оптимізувати БД провести ревізію за допомогою плагіна.

Можливості:

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

Сумісний до 5.2.3 версії WordPress, потрібна версія PHP 5.0 або вище.

WP-Optimize

Плагін для очищення бази даних, стиснення зображень та кешування.

Можливості:

• видалення резервних копій, спам-коментарів, пінгбеків, трекбеків;
• масове стиснення зображень у форматі PNG, JPG, GIF, BMP та TIF;
• кешування: специфічний кеш для пристроїв; попереднє завантаження кешу; розширені правила виключення для файлів;
• gzip-стиснення HTML, JavaScript та CSS;
• налаштування автоматичних очищення за розкладом.

Працює безкоштовно, є преміум-версія із додатковими можливостями. Сумісний із версіями WordPress від 3.8.

WP Fastest Cache

Плагін створює статичні html-файли з сайту WordPress і зберігає їх, тобто кешує сторінки.

Можливості:

• кешування сторінок у браузері для швидшого завантаження у користувачів, які відвідували сайт раніше;
• gzip-стиск;
• оптимізація коду;
• Зменшення розміру файлів CSS.

Плагін сумісний із HTTPS, підтримує SSL, CDN, Cloudflare. Не працює із режимом Multisite. Сумісний з версіями WordPress від 3.3

PageSpeed ​​Ninja

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

Можливості:

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

Плагін може бути несумісний із деякими сайтами, тому перевірте сумісність на сайті PageSpeed.Ninja. Введіть свій домен, результати з’являться на екрані та надійдуть на пошту.

Сумісний з версіями WordPress від 4.0.1 та вище.

PageSpeed ​​Module

Плагін відкриває додаткові параметри сторінок для прискорення завантаження, якщо на сайті використовується веб-сервера з відкритим кодом Apache або Nginx.

Можливості:

• очищення кешу від модулів;
• увімкнення режиму розробника для обходу кешування PageSpeed.

Для роботи потрібно встановити веб-сервер Apache або Nginx. Плагін сумісний із версіями WordPress від 4.4.

Jetpack

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

Можливості:

• відкладене завантаження зображень для прискорення роботи на мобільних пристроях;
• теми оформлення;
• підтримка статистики та аналітики;
• автоматичний постінг у соцмережі із плануванням публікацій;
• статистика та аналітика сайту
• Elasticsearch – пошук схожого контенту на сайтах;
• фільтрація спаму;
• щоденне резервування;
• підтримка системи оплати;
• двофакторна автентифікація для входу на сайт;
• та інші можливості для безпечної роботи на сайті та маркетингу.

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

All in One SEO Pack

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

Можливості:

• підтримка Google AMP для прискорення завантаження мобільних сторінок;
• сповіщення Google про зміни на сайті;
• автоматична оптимізація заголовків та генерація метатегів;
• підтримка Google Analytics;
• вбудований API, що дозволяє допрацьовувати плагіни під себе;
• та інша функціональність для SEO.

Сумісність із PHP від ​​5.2.4 версії. Сумісний з WordPress від 4.7 версії.

WP Total cache

Плагін справляється з кешуванням HTML-сторінок, об’єднанням стилів та скриптів, браузерним кешуванням.

Можливості:

• тестування налаштувань сервера, щоб підібрати параметри плагіна для комфортної роботи;
• імпорт налаштувань, якщо працюєте з кількома проектами;
• кешування сторінок та об’єктів;
• стиснення CSS та JavaScript;
• відстеження роботи плагіна.

Потрібна версія WordPress 3.2 чи вище.

WP Super Cache

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

Можливості:

• просте включення та відключення кешування;
• налаштування термінів та сторінок для кешування;
• налаштування кешування для мобільної версії;
• підтримка CDN;
• збір статистики на сторінках.

Сумісний з версіями WordPress від 3.1, мінімальна вимога – версія PHP 5.2.4 або вище.

Autoptimize

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

Можливості:

• оптимізація JavaScript та CSS;
• виправлення коду, який блокує відображення верху сторінки.
• кешування та об’єднання скриптів та стилів;
• робота із заголовками;
• переміщення скриптів у нижній колонтитул;
• спрощення HTML.

Сумісний з версіями WordPress від 4.0 та вище, версіями PHP від ​​5.3 та вище.

AMP for WordPress

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

Можливості:

• перетворення сторінок як AMP, тоді до URL кожної сторінки додасться /amp/;
• відображення сайту як «Native AMP», тоді кожна адреса матиме лише одну AMP-версію URL;
• оновлення кешу за розкладом.

Підтримує CDN. Сумісний із версіями WordPress від 4.9, PHP від ​​5.4.

Smush Image Compression and Optimization

Плагін зменшує і стискає зображення для швидкого завантаження сторінки.

Можливості:

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

Сумісний з версіями WordPress від 4.6, PHP від ​​5.3 та вище.

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