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

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

Що ж таке TTFB?

Хоча це звучить як текстова абревіатура, наприклад TTYL, TY або TBD, це набагато більше.

TTFB – це показник, який визначає, коли браузер користувача отримує перший байт даних з вашого сервера.

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

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

TTFB складається з трьох основних частин:

  1. Час, необхідний для відправки HTTP-запиту
  2. Час підключення
  3. Час, необхідний для отримання першого байта веб-сторінки
How TTFB works.
Як працює TTFB (джерело зображення: https://varvy.com/pagespeed/ttfb.html)

Розрахунок TTFB в мережі також включає в себе мережеву затримку при вимірюванні часу, необхідного для завантаження.

Багато людей використовують це як спосіб перевірити швидкість сервера. Це працює, але це тільки частина загальної картини.

При використанні CMS (системи управління контентом), такої як WordPress, сервер повинен виконувати всі обчислення CMS, необхідні для створення контенту.

Служба PHP повинна завантажити вашу базу даних MySQL, витягти контент, провести розрахунок для відповідного виводу HTML і, нарешті, повернути його відвідувачеві сайту.

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

Багато факторів можуть вплинути на ваш TTFB. У WordPress часто застарілі плагіни або старі теми можуть вплинути на продуктивність.

На скільки важливий TTFB?

Наступне питання, яке ви можете задати собі: «Чи дійсно TTFB так важливий?»

Для початку, швидкий час завантаження і швидкість важливі для SEO (до речі, між часом завантаження і TTFB є різниця, про яку ми розповімо нижче). Більш швидкий веб-сайт також може збільшити конверсію.

Крім того, за останні кілька років Google внесла в алгоритм кілька серйозних змін, в яких акцент зроблено на швидкість. Так що так – TTFB важливий.

Звичайно, це не єдиний фактор, що дозволяє зробити ваш сайт WordPress більш ефективним.

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

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

Час завантаження

Слід зазначити, що TTFB не слід плутати з часом завантаження. Адже це дві дуже різні речі.

Як уже згадувалося, TTFB – це коли браузер користувача отримує перший байт даних з вашого сервера.

Час завантаження, з іншого боку, описується як час, необхідний для повного завантаження конкретної сторінки. Це стосується всіх CSS, зображень, скриптів і будь-яких сторонніх ресурсів.

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

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

Як пришвидшити?

Тепер, коли ми знаємо, що таке TTFB… наступний крок – дізнатися, до якої швидкості веб-сайту ви повинні прагнути.

В останній версії API PageSpeed v5 TTFB має тільки варіант «пройшов» або «не пройшов». Все, що перевищує 600мс, не спрацює, а все, що менше 600 мс, пройде.

Є кілька способів перевірити час TTFB за допомогою таких інструментів, як Sucuri, GTmetrix і плагіна від WPMU DEV – Hummingbird (про який ми скоро детально поговоримо).

Основні кроки

Припустимо, ви запускаєте звіт, і у вас повільний TTFB.

По-перше, потрібно з’ясувати, в чому причина проблеми.

Є кілька факторів, чому ваш TTFB зазвичай не на належному рівні.

Основними винуватцями є:

  1. Об’єм трафіку
  2. Конфігурація веб-сервера
  3. Створення динамічного контенту
  4. Мережеві проблеми
  5. Неефективний код на сервері
  6. Дизайн бази даних, який призводить до повільних запитів
  7. Вихідний сервер, який досяг межі своєї потужності
What causes slow TTFB.
Деякі з проблем, які стоять за повільним TTFB (джерело зображення: https://varvy.com/pagespeed/ttfb.html)

Що з цим робити?

Як бачите, TTFB може бути повільним з різних причин. Деякі причини ви контролюєте більше, ніж інші.

Одна область, яку ви НЕ контролюєте, – це відвідувачі вашого веб-сайту.

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

Інший приклад – створення динамічного контенту. Це, з іншого боку, фактор, який ви дійсно можете контролювати.

Сторінки WordPress є динамічними, і між моментом отримання запиту і моменту пропозиції відповіді повинно статися кілька речей.

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

Static and dynamic differences TTFB.
Різниця між динамічним і статичним контентом (джерело зображення: https://varvy.com/pagespeed/ttfb.html)

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

І це може стати великим фактором, який змусить TTFB збільшитися.

Кешування

Відмінний спосіб виправити це – надати кешовані версії ваших сторінок.

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

Кращим рішенням є вибір хорошого хостингу і установка плагіна для кешування.

Hummingbird

На допомогу приходить плагін Hummingbird від WPMU DEV.

Hummingbird plugin image.
Hummingbird тут, щоб зберегти ваш день

Крім цього, він сканує ваш сайт на предмет потенційних поліпшень швидкості і допомагає поліпшити ваш показник Google PageSpeed Insights (і багато іншого).

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

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

Hummingbird running a performance test.
Перевірка сайту за допомогою Hummingbird

Гарна новина для читачів це статті – наш хостинг безкоштовно надає Hummingbird Pro для кожного клієнта, все вже налаштовано і готово до роботи. Вам не потрібно турбуватися про швидкість вашого сайту. Спробуйте і переконайтеся самі.

Varnish

Varnish – це спеціальний проксі-сервер, який автоматично кешує всі сторінки вашого сайту і при подальшому зверненні віддає вже закешовану копію сторінки, не використовуючи ресурсів сервера і навіть не задіє WordPress. Таким чином, TTFB з 800-900 мілісекунд може зменшитися до 6-10 мілісекунд (тільки на нашому хостингу).

Це майже в 150 разів швидше!

І такий супер-інструмент так само підтримується нашим хостингом і включений абсолютно в усі тарифи безкоштовно!

Отримайте максимум від свого хостингу

Використовуючи більш швидкий хостинг, ви можете побачити зниження TTFB на 20% (або більше) в усьому світі і зменшення TTFB на 32% в США і інших країнах.

Крім того, щоб переконатися, що у вас встановлена остання версія PHP, важливий хороший хостинг.

Поєднання швидкого хоста з добре розробленим сайтом WordPress може значно поліпшити ваш показник TTFB.

Це ще одна область, в якій ми можемо допомогти з нашим власним хостингом WP.IN.UA.

За замовчуванням він також включає кешування об’єктів, redis, varnish, hummingbird pro. Наш хостинго птимізований для WordPress і працює дуже швидко, що й допомагає знизити, як ви вже здогадалися, TTFB.

Висновок

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

  1. Ефективне кешування
  2. Підтримка вашого PHP в актуальному стані
  3. Вибір відмінного хостинг-провайдера
  4. І багато іншого!

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

TTFB – не єдиний фактор для SEO, і не тільки він принесе вам перше місце в пошуковій видачі, але більш повільні показники швидкості завадять вам зайняти більш високе місце. Отже, оптимізація вашого сайту для максимальної продуктивності – завжди виграш.

Зробіть це і збільшіть швидкість TTFB вашого сайту прямо зараз, перейшовши на наш хостинг сьогодні.