Time to First Byte (TTFB) – це важливий показник продуктивності вебсайту, який вимірює час, необхідний браузеру для отримання першого байту даних від сервера. Високий TTFB може призвести до повільного завантаження сторінок, негативно впливаючи на користувацький досвід, SEO та конверсії. У цій статті ми розглянемо, як оптимізувати TTFB у WordPress без використання плагінів, застосовуючи ручні налаштування та оптимальні практики.
Що таке TTFB і чому він важливий?
TTFB відображає час, який проходить між запитом браузера до сервера і отриманням першого байту даних у відповідь. Він включає в себе:
- Час, необхідний для DNS-пошуку (Domain Name System).
- Час, необхідний для встановлення зєднання TCP.
- Час, необхідний для відправки HTTP-запиту.
- Час, необхідний серверу для обробки запиту та генерації відповіді.
- Час, необхідний для відправки першого байту даних.
Оптимальний TTFB має бути менше 200 мс. Значення від 200 до 500 мс вважається прийнятним, а все, що перевищує 600 мс, потребує оптимізації.
Чому високий TTFB шкідливий?
- Погіршення користувацького досвіду: Користувачі очікують швидкого завантаження вебсайтів. Високий TTFB призводить до відчутної затримки, що може відштовхнути відвідувачів.
- Негативний вплив на SEO: Google враховує швидкість завантаження сторінок як фактор ранжування. Повільний вебсайт може втратити позиції в пошуковій видачі.
- Зменшення конверсій: Повільні вебсайти мають нижчі показники конверсій, оскільки відвідувачі менш схильні чекати завантаження сторінки для здійснення покупки або заповнення форми.
Як виміряти TTFB?
Існує декілька способів вимірювання TTFB:
- Інструменти розробника браузера: У більшості браузерів (Chrome, Firefox, Safari) є вбудовані інструменти розробника. Відкрийте інструменти розробника (зазвичай F12), перейдіть на вкладку Network та перезавантажте сторінку. TTFB буде вказано як Waiting (TTFB) або Time to First Byte.
- Онлайн-інструменти: Існують різні онлайн-інструменти для тестування швидкості вебсайту, такі як GTmetrix, WebPageTest та Pingdom Website Speed Test. Ці інструменти надають детальну інформацію про TTFB та інші показники продуктивності.
- Командний рядок: Ви можете використовувати команду `curl -w Connect: %{time_connect} TTFB: %{time_starttransfer} Total time: %{time_total} n -o /dev/null [URL вебсайту]` у терміналі для отримання точного значення TTFB.
Оптимізація TTFB у WordPress без плагінів
Оптимізація TTFB без використання плагінів вимагає ручного втручання та розуміння внутрішньої роботи WordPress. Ось декілька стратегій, які можна застосувати:
- Вибір якісного хостингу:
Хостинг – це фундамент вашого вебсайту. Обирайте хостинг-провайдера з:
- Швидкими серверами: Шукайте хостинг, який використовує сучасне обладнання та технології, такі як SSD-накопичувачі та швидкі процесори.
- Оптимізованою інфраструктурою: Переконайтеся, що хостинг оптимізований для WordPress, з наявністю кешування на рівні сервера та підтримкою сучасних версій PHP.
- Географічною близькістю: Розташування сервера має бути якомога ближче до вашої цільової аудиторії. Якщо більшість ваших відвідувачів з України, обирайте хостинг з серверами в Україні або Європі.
- Виділеними ресурсами: За можливості, обирайте хостинг з виділеними ресурсами (наприклад, VPS або виділений сервер), щоб уникнути перевантаження сервера через сусідні вебсайти.
Рекомендація: Перед вибором хостингу, проведіть дослідження, прочитайте відгуки та перевірте швидкість завантаження вебсайтів, розміщених на цьому хостингу.
- Оновлення PHP до останньої версії:
PHP – це мова програмування, на якій працює WordPress. Кожна нова версія PHP приносить покращення продуктивності та безпеки. Переконайтеся, що ваш вебсайт використовує останню стабільну версію PHP.
Як перевірити та оновити версію PHP:
Більшість хостинг-провайдерів дозволяють змінювати версію PHP через панель керування хостингом (наприклад, cPanel або Plesk). У розділі PHP Settings або MultiPHP Manager ви зможете вибрати потрібну версію PHP. Якщо у вас немає доступу до цих налаштувань, зверніться до служби підтримки вашого хостинг-провайдера.
Важливо: Перед оновленням PHP, створіть резервну копію вашого вебсайту, щоб у випадку проблем мати можливість відновити попередню версію.
- Оптимізація бази даних:
База даних WordPress зберігає всю інформацію про ваш вебсайт, включаючи записи, сторінки, коментарі та налаштування. З часом база даних може розростися та містити непотрібні дані, що уповільнює роботу вебсайту.
Як оптимізувати базу даних без плагінів:
- Видалення непотрібних ревізій: WordPress зберігає ревізії ваших записів та сторінок. З часом їх накопичується дуже багато. Щоб видалити непотрібні ревізії, додайте наступний код у файл `wp-config.php`:
`define(WP_POST_REVISIONS, false);`
Цей код вимкне збереження ревізій. Щоб видалити вже існуючі ревізії, виконайте наступний SQL-запит у phpMyAdmin:
`DELETE FROM wp_posts WHERE post_type = revision;`
- Видалення спам-коментарів: Регулярно видаляйте спам-коментарі з вашого вебсайту.
- Оптимізація таблиць бази даних: Використовуйте phpMyAdmin для оптимізації таблиць бази даних. Виберіть базу даних вашого вебсайту, виділіть всі таблиці та виберіть опцію Оптимізувати таблицю.
- Видалення старих тимчасових даних (transients): WordPress використовує transients для тимчасового зберігання даних. Іноді вони можуть накопичуватися та займати багато місця. Ви можете видалити їх за допомогою наступного SQL-запиту:
`DELETE FROM wp_options WHERE option_name LIKE _transient_%;`
`DELETE FROM wp_options WHERE option_name LIKE _site_transient_%;`
- Використання кешування на стороні сервера:
Кешування на стороні сервера дозволяє зберігати статичні версії сторінок вашого вебсайту на сервері. Коли відвідувач звертається до сторінки, сервер віддає вже готову версію з кешу, замість того, щоб кожен раз генерувати її з бази даних. Це значно зменшує час обробки запиту та знижує TTFB.
Як налаштувати кешування на стороні сервера:
- Зверніться до вашого хостинг-провайдера: Більшість хостинг-провайдерів пропонують вбудовані рішення для кешування на рівні сервера. Зверніться до їхньої служби підтримки, щоб дізнатися, як налаштувати кешування на вашому сервері.
- Використання Nginx Microcache: Якщо у вас є доступ до конфігурації сервера Nginx, ви можете налаштувати мікрокешування, додавши наступні рядки до конфігураційного файлу вашого сайту:
`location / {n proxy_cache_bypass $http_upgrade;n proxy_cache microcache;n proxy_pass http://127.0.0.1;n proxy_redirect off;n proxy_set_header Host $host;n proxy_set_header X-Real-IP $remote_addr;n proxy_set_header X-Forwarded-For $proxy_add_xforwarded_for;n proxy_cache_valid 200 302 60s;n proxy_cache_valid 404 5m;n}`
Вам також потрібно визначити зону кешу в розділі `http`:n`http {n proxy_cache_path /tmp/nginx_microcache levels=1:2 keys_zone=microcache:10m max_size=1000m inactive=60m use_temp_path=off;n}`
Важливо: Після внесення змін до конфігурації Nginx, перезавантажте сервер.
- Використання CDN (Content Delivery Network):
CDN – це мережа серверів, розташованих по всьому світу. CDN зберігає копії статичних файлів вашого вебсайту (зображення, CSS, JavaScript) на своїх серверах. Коли відвідувач звертається до вашого вебсайту, CDN віддає файли з найближчого сервера, що зменшує затримку та покращує швидкість завантаження.
Як використовувати CDN без плагінів:
- Cloudflare: Cloudflare пропонує безкоштовний план CDN, який можна використовувати для покращення продуктивності вашого вебсайту. Зареєструйтеся на сайті Cloudflare та змініть NS-записи вашого домену, щоб вказати на сервери Cloudflare.
- Інтеграція CDN вручну: Якщо ви використовуєте іншу CDN, вам потрібно буде вручну інтегрувати її з вашим вебсайтом. Завантажте статичні файли на CDN та змініть URL-адреси файлів у вашому HTML-коді, щоб вказати на URL-адреси CDN.
- Оптимізація теми WordPress:
Тема WordPress може значно впливати на TTFB. Обирайте тему, яка добре оптимізована та має невеликий розмір файлів.
Як оптимізувати тему WordPress:
- Використовуйте легку тему: Уникайте тем з надмірною кількістю функцій та великими бібліотеками JavaScript.
- Оптимізуйте зображення: Зменшуйте розмір зображень перед завантаженням на вебсайт. Використовуйте формати зображень, такі як WebP, які забезпечують кращу якість при меншому розмірі файлу.
- Мінімізуйте CSS та JavaScript: Зменшуйте розмір файлів CSS та JavaScript, видаляючи непотрібні символи та пробіли. Ви можете використовувати онлайн-інструменти для мінімізації CSS та JavaScript.
- Відкладіть завантаження JavaScript: Використовуйте атрибути `async` або `defer` для відкладеного завантаження файлів JavaScript, які не потрібні для відображення першого екрану сторінки.
- Видаліть непотрібні скрипти та стилі: Перевірте, які скрипти та стилі завантажуються на вашому вебсайті, та видаліть ті, які не використовуються. Це можна зробити, відредагувавши файл `functions.php` вашої теми.
- Використання keep-alive зєднань:
Keep-alive зєднання дозволяють браузеру повторно використовувати одне TCP-зєднання для кількох HTTP-запитів. Це зменшує накладні витрати на встановлення нових зєднань та покращує швидкість завантаження сторінок.
Як включити keep-alive зєднання:
Keep-alive зєднання зазвичай включені за замовчуванням на більшості серверів. Переконайтеся, що вони включені на вашому сервері. Якщо у вас є доступ до конфігурації сервера Apache, перевірте, чи встановлено значення `KeepAlive On` у файлі `httpd.conf` або `.htaccess`. Для Nginx переконайтеся, що значення `keepalive_timeout` встановлено у файлі `nginx.conf`.
- Відключення heartbeat API, де це можливо:
WordPress Heartbeat API використовується для звязку між браузером і сервером у реальному часі. Хоча він корисний для деяких функцій, таких як автоматичне збереження записів, він може збільшити навантаження на сервер і вплинути на TTFB, особливо якщо використовується часто.
Як відключити або обмежити Heartbeat API:
Хоча відключення Heartbeat API зазвичай робиться за допомогою плагінів, ви можете обмежити його частоту, додавши наступний код у файл `functions.php` вашої теми:
`add_filter( heartbeat_settings, adjust_heartbeat_frequency );nfunction adjust_heartbeat_frequency( $settings ) {n $settings[interval] = 120; // Змінює інтервал на 120 секунд (2 хвилини)n return $settings;n}`
Цей код збільшить інтервал між запитами Heartbeat API до 120 секунд, що зменшить навантаження на сервер.
Підсумок
Оптимізація TTFB у WordPress без плагінів вимагає значних зусиль та розуміння технічних аспектів роботи вебсайту. Проте, застосування вищезазначених стратегій може значно покращити швидкість завантаження сторінок, покращити користувацький досвід та позитивно вплинути на SEO. Памятайте, що оптимізація – це безперервний процес. Регулярно перевіряйте TTFB вашого вебсайту та вносьте необхідні зміни для підтримки оптимальної продуктивності.