Чверть сайтів в Інтернеті зроблена на WordPress, який дуже популярний, але не за швидкістю своїх сайтів. Давайте розглянемо як збільшити швидкість завантаження вашого сайту на WordPress.
Час завантаження безпосередньо впливає на просування і на кількість користувачів на сайті. Якщо сайт вантажиться довше двох секунд, то швидше за все користувач закриє вкладку, або повернеться на попередню сторінку, щоб вибрати інший сайт. А якщо користувач сидить з мобільного пристрою. А також не забувайте, що швидкість завантаження впливає на ранжування в пошукових системах, що дуже важливо для SEO оптимізації WordPress .
Прискорення завантаження сайту допоможе вам з SEO і сподобається вашим користувачам. Це дійсно важливо.
Перевіряємо швидкість сайту
У перевірці швидкості завантаження сайту вам допоможе сервіс Pingdom . За допомогою нього ви отримаєте результати по вашому сайту, з відображенням загального часу завантаження, оцінкою за різними параметрами і звіт по завантаженню кожного файлу.
Ось як вигляди тест цього сайту в момент написання статті:
Як завжди найбільше важать зображення, а завантажуються найдовше скрипти для аналітики:
Я вважаю, що така швидкість завантаження сайту - це досить непоганий результат, як для WP сайту, навіть без використання плагінів кешування. Такий результат виходить завдяки використанню хорошого хостингу і CDN від Cloudflare . Особисто я не вважаю це межею, і думаю що можна домогтися ще більшої швидкості завантаження.
Якщо ваш сайт завантажується більше п'яти секунд - час серйозно задуматися над оптимізацією. В ідеалі постарайтеся добитися швидкості близько 2 секунд і менше, тим більше для мобільних пристроїв.
Підключити CDN - один з найпростіших способів зменшити навантаження на сервер і прискорити роботу вашого сайту.
Модулі
- Видаліть невикористовувані плагіни. Не залишайте їх працювати просто так, і дуже прості плагіни виконують одну функцію можна і зовсім замінити парою рядків коду.
- Встановіть плагіни для оптимізації:
WP Super Cache - створює статичні html файли, і віддає їх користувачам, таким чином знижуючи навантаження на генерацію нової сторінки.
Autoptimize - плагін не вимагає налаштувань, який сам стисне стилі і скрипти, кешируєт їх, стилі перемістить вгору, а деякі скрипти вниз, таким чином прискоривши завантаження сторінки у користувача. Рекомендується використовувати з плагінів описаним вище.
WP-Optimize - плагін який допоможе оптимізувати базу даних, видалити ревізії та інше сміття. Перед чищенням завжди читайте опису того, що видаляєте.
Це були досить прості способи оптимізації, але якщо вам їх недостатньо - продовжуйте читати, далі описані маніпуляції трохи складніше, які неодмінно принесуть бажаний результат прискоривши сайт в кілька разів!
Хостинг
Як сильно ви не будете оптимізувати свій сайт, використовувати CDN, кешування і інші фішки - пам'ятайте, що слабкий хостинг буде все гальмувати. Хороший хостинг з достатньою кількістю ресурсів - запорука успіху оптимізації швидкості роботи сайту. З власного досвіду можу сказати, що для WordPress вам буде досить 64 (а краще 128 мб пам'яті на скрипт - PHP memory_limit).
При виборі хостингу орієнтуйтеся за такими описами:
• Shared Hosting - близько 100 сайтів на сервер;
• VPS - близько 20 сайтів на сервер;
• Dedicated - сервер тільки для вас.
Для початку вам цілком буде досить і Shared Hosting, аж до відвідуваності в кілька тисяч осіб на добу (звичайно ж все може варіюватися від сайту до сайту). Але це при хорошій оптимізації, якщо ви не будете використовувати важкі плагіни (десятками), теми та багато запитів до бази даних (самий ресурсномісткий процес).
Не варто відразу брати найдорожчий хостинг. Швидше за все спочатку у вас не буде великою відвідуваністю і високого навантаження на сервер.
сервер
Якщо ви вирішили оптимізувати сервер, то виконайте наступні рекомендації:
- поновіть до останньої версії PHP і Apache
- видаліть ClamD і Mailman якщо не збираєтеся запускати пошту
- налаштуйте SpamD на використання одного процесу
- встановіть кешування MySQL запитів додавши в my.cnf наступні рядки:
- використовуйте кеш компілятора (XCache або Eaccelerator)
- Збільште максимальне число з'єднань на Apache в httpd.conf, наприклад до 200
оптимізація коду
Якщо ви не розумієте в коді - довірте справу фахівцям.
- Вимкніть хотлінк, щоб хтось не використав зображення на своїх сайтах навантажуючи ваш сервер (за приклад спасибі автору на Хабре). Додайте наступний код в .htaccess файл, замінивши example.com на ім'я вашого домену, щоб відключити використання хотлінк:
- Мініфіціруйте і об'єднайте JS код, де це можливо. Таким чином будуть завантажуватися не 5 різних файлів, а один
- Перемістіть JS код вниз сторінки, щоб не блокувати завантаження решти вмісту
- Встановіть кеш браузера за допомогою наступного коду в .htaccess
- Знайдіть у файлі wp-config.php рядок
І замініть її на:
Це зменшить кількість завантажуваних мов в WP.
- Налаштуйте стиснення даних в .htaccess перед відправкою їх користувачеві:
- Оптимізуйте код вашої теми, наприклад замість
Можна залишити:
- Постарайтеся перевірити вашу тему і максимально оптимізувати запити до бази даних. Вивести кількість запитів і час витрачений на них можна додавши наступний код в футер:
Так ви зможете порівняти результат до і після оптимізації. А також після всього перевірте ще раз швидкість завантаження в pingdom.